15.【nuxt起步】-Nuxt使用jsweixin sdk

发布时间：2020-12-14 02:43:11 所属栏目：Windows 来源：网络整理

导读：npm install weixin-js-sdk?--save? 这个不行,这个是vue前端用的网上找了一些 vue jsweixin 的案例不能直接用因为 nuxt 是后端运行， windows 对象取不到，通过查找到了一个可用的案例就是把js注入到前端 ? 其中jssdkInfo和要分享的appid,noncestr等参数

npm install weixin-js-sdk?--save?这个不行,这个是vue前端用的

网上找了一些vue jsweixin的案例不能直接用因为nuxt是后端运行，windows对象取不到，通过查找到了一个可用的案例

就是把js注入到前端

其中jssdkInfo和要分享的appid,noncestr等参数要去接口后端请求过来，核心代码复制如下：

wxInit(){

　　const script = document.createElement(‘script‘);

　　// 返回一个独立的promise

　　script.src = ‘https://res.wx.qq.com/open/js/jweixin-1.2.0.js‘;

　　new Promise((resolve,reject) => {

　　let done = false;

　　script.onload = script.onreadystatechange = () => {

　　if (

　　　　!done &&

　　　　(!script.readyState ||

　　　　　　script.readyState === ‘loaded‘ ||

　　　　　　script.readyState === ‘complete‘)

　　　　) {

　　　　　　done = true;

　　　　　　// 避免内存泄漏

　　　　　　script.onload = script.onreadystatechange = null;

　　　　　　resolve(script);

　　　　　　}

　　　　};

　　　　script.onerror = reject;

　　　　document

　　　　　　.getElementsByTagName(‘head‘)[0]

　　　　　　.appendChild(script);

　　　　　　}).then(res => {

　　　　　　wx.config({

　　　　　　　　debug: false,

　　　　　　　　appId: this.jssdkInfo.AppId,

　　　　　　　　timestamp: this.jssdkInfo.TimeStamp,

　　　　　　　　nonceStr: this.jssdkInfo.NonceStr,

　　　　　　　　signature: this.jssdkInfo.Signature,

　　　　　　　　jsApiList: [‘onMenuShareTimeline‘,‘onMenuShareAppMessage‘,‘onMenuShareQQ‘,‘onMenuShareWeibo‘,‘onMenuShareQZone‘]

});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!