一、下载sdk文件,在main.js 或者 使用页面引入
npm install jweixin-module --save
二、通过接口获取config配置信息
onLoad() {
// #ifdef H5
let url=location.href.split("#")[0]
this.getconfig(url)
// #endif
},
methods:{
getconfig(url) {
let that = this
that.post('api/package/get_sign_package', {
url: url
}).then(result => {
console.log('result', result)
var timestamp = result.data.timestamp;;
var noncestr = result.data.nonceStr;
var signature = result.data.signature;
var appId = result.data.appId;
that.$wx.config({
debug: true,
appId: appId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: noncestr, // 必填,生成签名的随机串
signature: signature, // 必填,签名,见附录1
jsApiList: [
'scanQRCode'
] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
that.$wx.ready(function() {
});
that.$wx.error(function(error){
console.log('error',error)
})
})
},
}
三、调起扫一扫
that.$wx.scanQRCode({
needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码,默认二者都有
success: function(res) {
console.log('res=========>', res); //扫码信息
}
});
本人菜鸟一枚,如有遗漏或出错,望不吝赐教!