https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
需要通过开放标签wx-open-launch-weapp从公众号网页进入微信小商店
公众号已认证:
JS接口安全域名已配置了域名:
前端vue开发环境,main.js有Vue.config.ignoredElements = ['wx-open-launch-weapp']
jweixin-1.6.0.js也是引入了的
wx.config里面有openTagList: ['wx-open-launch-weapp'],开启debug模式 结果提示OK
使用代码:
<div v-if="showWxOpenApp">
<wx-open-launch-weapp id="launch-btn" username="gh_d89196d314a2" @launch="handleLaunchFn" @error="handleErrorFn" path="__plugin__/wx34345ae5855f892d/pages/productDetail/productDetail.html?productId=1845991">
<script type="text/wxtag-template">
<style>
.btn1 {
font-size: 1.5rem;
}
</style>
<button class="btn1">打开小程序</button>
</script>
</wx-open-launch-weapp>
</div>
代码中showWxOpenApp初始值为false,wx.config的debug模式为true,提示了OK之后把showWxOpenApp赋值为true,
然后开发工具中的Elements栏里面的网页代码里面显示了wx-open-launch-weapp的代码,
开发工具没有显示button按钮说的好像是正常的,但手机上也没有显示
你好,问题解决了吗?麻烦提供下复现的链接,以及详细描述下复现流程。
看下你wx.config的代码
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
appId: appId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: noncestr, // 必填,生成签名的随机串
signature: sha1,// 必填,签名,见附录1
jsApiList: [
"openLocation",
"openProductSpecificView",
], // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
openTagList: ['wx-open-launch-weapp'],
});
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
appId: 'wxfb1b746a3a33b80e', // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: noncestr, // 必填,生成签名的随机串
signature: sha1,// 必填,签名,见附录1
jsApiList: [
"openLocation",
"openProductSpecificView",
], // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
openTagList: ['wx-open-launch-weapp'],
});