uniapp 微信公众号 扫一扫

一、下载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); //扫码信息
			
		}
	});

本人菜鸟一枚，如有遗漏或出错，望不吝赐教！