-
安装依赖(微信 JSSDK)
使用yarn:
yarn add jweixin-module使用npm:
npm install jweixin-module -
调用后端接口拿到签名、时间戳等(用来做微信鉴权)
import wxapi from "jweixin-module";//引入
const res = await cloud.getJSSDKSignature({url: '要签名的网页 URL'})
wxapi.config({
debug: false, // 开启调试模式
appId: '公众号 AppID', // 必填,公众号的唯一标识
timestamp: res.timestamp + '', // 必填,生成签名的时间戳
nonceStr: res.nonceStr, // 必填,生成签名的随机串
signature: res.signature,// 必填,签名
jsApiList: ['JS API 名'] // 必填,需要使用的JS接口列表,比如扫一扫、分享、支付等一些功能
})
/**
wx.config 方法进行配置,配置成功之后微信 JSSDK 就会在微信客户端中进行初始化工作。当初始化完成后,就会触发 `wx.ready` 回调函数。
wx.ready是一个非常重要的方法。它是微信 JSSDK 的一个回调函数,用于在微信环境中初始化和准备就绪后执行相应的操作
*/
wxapi.ready(function () {
that.getScanQrcode()
});
//扫一扫Api
function getScanQrcode(){
wxapi.scanQRCode({
needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码,默认二者都有
success: function (res) {
console.log("🚀 ~ file: index.vue:242 ~ res:", res)
},
});
}