vue下的微信web jssdk

原创
2019/12/31 12:46
阅读数 375
  1. npm install weixin-js-sdk --save
  2. 在 main.js 或 App.vue 中
  • 注意url为encodeURI(location.href.split('#')[0]),只需要#之前的内容,且必须encodeURI处理,因此使用vue-router的hash模式只需要config一次,而使用history模式则需要每个页面都config

上面说法有误,在ios下只需config一次,但在安卓下,一旦使用了浏览器自带的回退,就需要重新config

import wx from 'weixin-js-sdk';
https.fetchGet('/WeixinJSSDK/GetWeishopJsViewModel', {
  tenantId: 5056,
  memberId: memberId,
  url: encodeURI(location.href.split('#')[0])
}, 'G').then((data) => {
  wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: data.appId, // 必填,公众号的唯一标识
    timestamp: data.timestamp, // 必填,生成签名的时间戳
    nonceStr: data.nonceStr, // 必填,生成签名的随机串
    signature: data.signature,// 必填,签名
    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'chooseImage', 'uploadImage'] // 必填,需要使用的JS接口列表
  });
  wx.ready(function () {
    console.log('wx.config')
  })
}).catch(err => {
  console.log(err)
})

 

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部