H5跳转小程序,可以跳转任意小程序,以及任意小程序的页面地址获取。

JavaScript011

H5跳转小程序,可以跳转任意小程序,以及任意小程序的页面地址获取。,第1张

H5跳转小程序 。

1登录 微信公众平台 进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

2这个JS接口安全域名就是访问你H5地址的域名。

3通过config接口注入权限验证配置并申请所需开放标签( 签名算法 )

如果上面操作都没有问题 那么打开页面会显示这样的界面

这里可以看到config配置都加载出来了,但是按钮没有显示

直接用手机打开这个网页

好的,测试成功。

有的<template>这个标签不显示换成<script type="text/wxtag-template">这个试试

如果按钮手机上不显示 检查下config是否载入 检查APPID是否是对应的服务号,检查JS安全域名是否配置了你的H5域名地址。

如果出现图上这样的问题:需要确认一下,微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。

此标签id为小程序的原始ID,path为小程序的页面地址后面必须加.html,上面这个地址是我跳转小程序直播间,亲测成功。

你可以跳转任意小程序,只需要知到他页面地址。页面地址的获取方法:

我这里以QQ音乐小程序为例。

1.第一步把该小程序添加到我的小程序

2.第二部点击名称 查看更多资料获取到原始ID和APPID

3.进入小程序后台,点击工具获取小程序码,把刚刚得到的APPID放进去

4.点击获取更多页面路径,把自己的微信号填进去,点击开启。然后回到QQ音乐小程序,点击右上角三个点,你会发现多了个复制链接。

pages/home/home.html 这个就是获取到QQ音乐的页面链接。

然后我们把原始ID和这个链接填入到刚刚H5标签内,就可以跳转到QQ音乐了。

解除方式有以下几种:

1、进入微信公众平台,登录自己的公众号,进入“功能设置”,点击“设置”,勾选“JS接口安全域名”,输入自己的域名,点击“提交”即可解除限制。

2、在微信公众平台登录自己的公众号,进入“功能设置”,点击“开发者工具”,找到“网页授权获取用户基本信息”,填写自己的域名,点击“提交”即可解除限制。

1、登陆微信公众平台,点击【公众号设置】→【功能设置】→【JS接口安全域名】填写你的域名,比如 j.weiwangvip.com 。

2、设置JS接口安全域名后,公众号开发者可在该域名下调用微信开放的JS接口。

注意事项:

1、可填写三个域名,要求是一级或一级以上域名(例:weiwangvip.com,或者 j.weiwangvip.com ),需使用字母、数字及“-”的组合,不支持IP地址及端口号。

2、 填写的域名须通过ICP备案的验证。

3、一个自然月内最多可修改并保存三次。