H5页面跳转至微信小程序(含完整代码)

   日期:2024-12-26    作者:wanbochem 移动:http://oml01z.riyuangf.com/mobile/quote/51301.html

微信终于支持由页面跳转至小程序啦 ~


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


在需要调用JS接口的页面引入如下JS文件:http://res.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)

如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)

备注:支持使用 AMD/CMD 标准模块加载方法加载。


与使用JS-SDK配置方式相同,所有需要使用开放标签的页面必须先注入配置信息,并通过openTagList字段申请所需要的开放标签,否则将无法使用(同一个url仅需调用一次)。开放标签的申请和JS接口的申请相互独立,因此是可以同时申请的。

微信JS-SDK说明文档

 

在下面多了一项,开放标签列表,目前支持配置,。

签名算法见JS-SDK说明文档的附录1,所有开放标签列表见文末的附录1。


 

 

用于页面中提供一个可跳转指定小程序的按钮。使用此标签后,用户需在网页内点击标签按钮方可跳转小程序。H5 通过开放标签打开小程序的场景值为 1167.
此功能的开放对象:

  1. 已认证的服务号,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。
  2. 已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页,可以使用此标签跳转任意合法合规的小程序。


  1. 为。
  2. 为跳转至,一定要加后缀。还能携带参数,在微信小程序中通过 的 接收。(代码如下)
  3. 中必须用标签包裹。
  4. config配置中一定要加入。
  5. 微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。
  6. 引入js至少是1.6以上版本。

按钮不显示,多半是配置不正确。
正确配置如下:


 

 
 

App跳转小程序按钮:


特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号