限制条件：
1、H5页面所在的域名必须为https
2、由于web-view组件是一个全屏组件，不能和其它小程序组件合用，因此需要独立占据一个页面，由A跳到B，由B跳到h5页面
3、小程序能够跳转的h5页面的域名必须在业务域名中进行注册
4、小程序账号必须是企业账号，个人和海外账号暂不支持，只有企业账号才能看到业务域名入口
5、设置网页授权域名，H5页面关联的服务号中去进行设置，在公众号设置添加好需要跳转的域名
1、h5页面在小程序环境下打开的情况下
限制条件：
1、当前的h5页面必须是在小程序的环境下打开的页面，才能回跳小程序的指定页面。
2、其它限制条件同小程序跳h5页面的要求
注意点：无论是小程序跳转H5页面还是跳转回来都是可以传递参数的
2、h5页面不在小程序环境下打开的情况下
微信新增小程序跳转按钮：wx-open-launch-weapp（具体用法可参考 官方文档 ）。用于页面中提供一个可跳转指定小程序的按钮。使用此标签后，用户需在网页内点击标签按钮方可跳转小程序。
1、通过微信公众号后台配置菜单，子菜单内容选择小程序
2、公众号推文里添加素材
点击小程序，d框如下图（在d框中可以选择展示的方式：文字、图片、小程序卡片、小程序码
3、当公众号和小程序已关联（在公众号的菜单中有绑定小程序的入口）
小程序所在的菜单会出现在公众号的介绍页（如果是在二级菜单中，所对应的只出现相应一级的该小程序入口）
4、模板消息（直接在模板消息接口中配置）
该小程序appid必须与发模板消息的公众号是绑定关联关系，点击模板消息跳转小程序，可支持跳转到小程序的具体页面，支持带参数,（示例index?foo=bar）
5、H5页面中嵌入小程序码
6、安卓手机debug调试（ 打开信息里面的调试功能 ）
小程序可以跳转小程序，之前需要两个小程序关联在一个公众号下面，门槛不可谓不高，特别是针对独立开发者来说，现在微信取消了这个规定，无疑难度就降低了很多，本文介绍如何小程序跳转小程序
首先，要搞到目标小程序的appid，以及跳转页面的路径，这个是必须的，自己的小程序自不必说，如果是他人的就需要询问下对方这两个内容了。
在跳转的页面js中加入如下代码，appid:跳转方的appid；path:目标页面，extarData:需要传递的参数，还可以设置成功执行后的逻辑，和失败后的逻辑
上面是简单的写法，更赞的是还能如果是体验版本或者开发版本，还能选择要打开的版本，
为了保证用户体验，腾讯禁止在用户没有相关 *** 作的情况下直接跳转其它小程序，就需要用户主动的去跳转，增加一个按钮点击后跳转就可以了
需要注意的是，能跳转的前提还需要再app.json中加入需要跳转的appid，最多10个。
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音乐了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）