H5 跳转到指定小程序
wx-open-launch-weapp （只有服务号才可使用该标签）
该开发标签可实现在基于微信内置浏览器打开的 H5 页面跳转小程序
微信开放标签有最低的微信版本要求，以及最低的系统版本要求。
微信版本要求为：7.0.12 及以上。 系统版本要求为：iOS 10.3 及以上、Android 5.0 及以上。
配置 JSSDK
- 使用 wx-open-launch-weapp 标签 （ 注：vue 或 html 都可直接使用以下代码 ）
- username （ 必填 ）为所需跳转的小程序原始 id，即小程序对应的以 gh_开头的 id，可登陆微信公众平台——设置内获取原始小程序 ID
- path （ 非必填 ）所需跳转的小程序内页面路径及参数，必须添加.html 后缀，如：pages/index/index.html
- wx-open-launch-weapp 标签只有在真机调试的时候才会显示，如需自定义按钮，建议提前定义好样式
<wx-open-launch-weapp
id="launch-btn"
username="gh_XXXX"
path="pages/index/index.html"
>
<script type="text/wxtag-template">
<style>
.btn{
outline: none;
width: 300px;
height: 45px;
border: 1px solid rgba(240, 131, 0, 1);
}
</style>
<button class="btn">
跳转小程序
</button>
</script>
</wx-open-launch-weapp>
wx.ready(function() {
//config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中
var launchBtn = document.getElementById("launch-btn");
launchBtn.addEventListener("launch", function(e) {
console.log("eee", e);
});
launchBtn.addEventListener("error", function(e) {
console.log("fail", e.detail);
});
});
Powered by Waline v2.15.8