个人中心 | 微信开放社区

微信开放标签在vue中怎么使用？还有生成签名的url到底是什么？

请问微信开放标签如何在Vue中使用？现在报错： [图片] 难道还需要在Vue组件中注册一下吗？还有，在微信开发工具上运行的时候，提示无效的签名，错误码：63002，但看了下文档，觉得应该是生成签名时使用的url有问题，请问下这个url是指什么？我现在使用的是： ``` let url = encodeURIComponent(location.href.split('#')[0]) ``` 现在是真的有点蒙，求各位大佬指教！ <head> <script src="../js/vue.js"></script> </head> <body> <div id="app"> <div> <wx-open-launch-weapp id="launch-btn" @launch="getApp" appid="自己的appid" > <script type="text/wxtag-template"> <div class='btn'>打开APP</div> </script> </wx-open-launch-weapp> </div> </div> <script src="./js/common.js"></script> <script src="./js/axios.min.js"></script> <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> const app = new Vue({ el: '#app', methods: { getApp() { console.log("打开app！！！！！"); }, }, created() { let url = encodeURIComponent(location.href.split('#')[0]) axios({ url: "获取签名的url", params: { url } }).then(res => { console.log("请求签名成功：", res) let code = res.data.code if (code == "200") { let result = res.data.result let nonceStr = result.nonceStr let timeStamp = result.timeStamp let signature = result.signature wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印 appId: WX_APPID, // 必填，公众号的唯一标识 timestamp: timeStamp, // 必填，生成签名的时间戳 nonceStr: nonceStr, // 必填，生成签名的随机串 signature: signature,// 必填，签名 jsApiList: [], // 必填，需要使用的JS接口列表 openTagList: ['wx-open-launch-weapp'] // 可选，需要使用的开放标签列表，例如['wx-open-launch-app'] }); wx.ready(function () { console.log("ready ----------------------------"); // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中 }); wx.error(function (res) { console.log("error ----------------------------", res); // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名 }); } }).catch(err => { console.log("请求签名出错：", err) }) }, }) </script> </body>

GitHub账号

选择需要上架的开放服务

案例类型