wx-open-launch-weapp 标签使用
使用问题
https://developers.weixin.qq.com/community/pay/article/doc/0006ac9d35cc38455deb68ee350813
总结:
1)微信和手机系统的版本。
2)使用的jssdk必须是1.6.0的。
3)微信的服务号公众号必须是已经认证的服务号、且绑定了JS接口安全域名。
开发:
1)通过config接口注入权限验证配置并申请所需开放标签,这步骤必须成功。
2)避免template冲突。
3)对于有CSP要求的页面,需要添加白名单frame-src https://*.qq.com webcompt:
4)测试必须真机测试。
5)wx.config最好在app.vue里早早的就注册wx-open-launch-weapp
设置样式遇到的问题
https://blog.csdn.net/m0_55536307/article/details/129406160
示例
<wx-open-launch-weapp
id="launch-btn"
appid="xxxxx"
:path="
'pages/index/index.html?drawId=' +
prizeInfo.drawId +
'&actId=' +
prizeInfo.actId +
'&codeString=' +
codeString
"
style="position: absolute; top: 0;left: 0;width: 100%; height: 100%"
>
<!-- {/* 这里唤起小程序的点按区域 */} -->
<script type="text/wxtag-template">
<div style="position: absolute; top: 0;left: 0;width: 100%; height: 100%;opacity:0"></div>
</script>
</wx-open-launch-weapp>