前言:
最近公司有这样的需求,需要在我们现有的公众号H5页面添加一个跳转到第三方小程序的按钮。之前只知道小程序可以互相跳转。今天查了微信开发文档。原来H5网页还支持小程序间跳转。以下是对接过程的简要说明。
微信公众号详细对接文档:
#21
公众号关联小程序:
注意:在对接跳转前,我们需要将要跳转的小程序关联到我们的公众号。公众号可以关联10个相同学科的小程序和3个不同学科的小程序。
1、进入公众号后台 百度小程序开发 ,路径:广告与服务-小程序-小程序管理-添加
2、关联小程序——管理员微信扫码确认
3、搜索小程序名称或APPID绑定
4、绑定成功,等待小程序管理员审批
查看小程序的原始id:
小程序的原始id,即以开头的小程序对应的id
找到关联成功的小程序,将鼠标放入其中查找详情并查看小程序的原始id
绑定JS接口安全域名:
登录微信公众平台,进入“公众号设置”的“功能设置”,填写“JS接口安全域名”。
跳转标签、前置条件和属性说明:
跳转小程序:wx-open-launch-weapp
用于在页面上提供一个可以跳转到指定小程序的按钮。使用该标签后公众号开发小程序公众号开发小程序,用户需要点击网页中的标签按钮跳转到小程序。 H5通过open tab打开小程序的场景值为1167。
打开对象
经过验证的服务ID公众号开发小程序,该服务ID绑定的“JS接口安全域名”下的网页可以使用该标签跳转到任何合法合规的小程序。
经过认证的非个人小程序,使用小程序云开发的静态网站托管绑定域名下的网页 小程序开发制作 ,可以使用该标签跳转到任何合法合规的小程序。
错误信息
如果跳转时出现如下页面,则表示该网页绑定的服务ID或小程序没有权限。请检查是否满足上述开放对象条件。
属性
代码实现:
注意:使用浏览器或微信开发工具调试wx-open-launch-weapp开发标签不会显示,只有真机有效(前提是config接口注入权限验证配置已通过)。
成就效果:
技术群:添加编辑微信和笔记进群
本站声明: 本文章内容来源于互联网,文章内容仅供用户参考。本公司不能完全保证文章内容的准备性、时效性。如果因本文章对用户造成了任何损失或者损害,本公司将不会承担任何法律责任。如果涉及到版权问题,请提交到wikins@nbyuyuan.com