前言：

最近公司有这样的需求，需要在我们现有的公众号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接口注入权限验证配置已通过）。

成就效果：

技术群：添加编辑微信和笔记进群

【昱远信息系统开发定制】