一、公众号h5页面跳转到小程序
注意:公众号h5页面跳转小程序呢,一定要在公众号下关联小程序!!!!!!
使用wx-open-launch-weapp 标签时 在判断当前客户端版本是否支持指定JS接口时,
根据官方文档配置就就可以
<div>
<wx-open-launch-weapp id="launch-btn"
username="gh_4XXXX2"
path="pages/index/index">
<script type="text/wxtag-template">
<style>
.btn {
padding: 12px;
color: black;
}
</style>
<button class="btn">打开小程序</button>
</script>
</wx-open-launch-weapp>
</div>
<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
var ClientId=0;
//-----------配置开放标签-------------------------------------------------------------------------------------------------------------------------
wx.config({
debug: true,// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '@Model.appId',// 必填,公众号的唯一标识
timestamp: '@Model.timestamp',// 必填,生成签名的时间戳
nonceStr: '@Model.nonceStr',// 必填,生成签名的随机串
signature: '@Model.signature',// 必填,签名,
jsApiList: [
'checkJsApi',
'getLocation'
],
openTagList: ['wx-open-launch-weapp']
});
wx.error(function (res) {
alert(res.errMsg);
});
说一下官网没有的吧,来点干活
注意:如果按照官网文档操作步骤都设置成功,在调用时wx.config begin 无法申请开放标签wx-open-launch-weapp
这是因为没有引用https://res2.wx.qq.com/open/js/jweixin-1.6.0.js,
或者引用两个版本的js ,一定要只引用https://res2.wx.qq.com/open/js/jweixin-1.6.0.js这一个版本,不要引用多个版本js。
举例说明:
我是在前面引用了 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
后面又引用<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
导致调用时wx.config begin 没有开放标签wx-open-launch-weapp ,去掉‘<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>’ 就可以了。