h5 微信公众号 订阅号 微信扫一扫
1-引入jssdk文件
2- config 授权
3- 调用微信扫一扫
微信开放平台官方文档
1- https://developers./doc/offiaccount/OA_Web_Apps/JS-SDK.html#2
2- https://developers./doc/offiaccount/OA_Web_Apps/JS-SDK.html#2
1- 安装依赖包 npm install weixin-js-sdk
2-import wx from 'weixin-js-sdk'
3- 配置config, 3.1签名时间戳,签名,是后台返回的数据 3.2 jsApiList:[''] 填入所需要调用的js接口 3.3 需要传入url域名地址var params = {url: window.location.href.split('#')[0]}console.log(window.location.href.split('#')[0]);this.$api.$request('/api/jssdk/getSignPackage',params,'post').then(res => {wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId: res.data.appId, // 必填,公众号的唯一标识timestamp: res.data.timestamp, // 必填,生成签名的时间戳nonceStr: res.data.nonceStr, // 必填,生成签名的随机串signature: res.data.signature,// 必填,签名jsApiList: ['scanQRCode'] // 必填,需要使用的JS接口列表,二维码});wx.error(function(res) {console.log('出错啦====' + res.errMsg)});wx.ready(function() {wx.checkJsApi({jsApiList: ['scanQRCode'], // 需要检测的JS接口列表,所有JS接口列表见附录2,success: function(res) {}})})})
4- 调用扫描二维码的方法// https://developers./doc/offiaccount/OA_Web_Apps/JS-SDK.html#49wx.ready(function () {wx.scanQRCode({needResult: 0, // 0 的效果和直接打开二维码扫一扫效果一样,自动跳转scanType: ["qrCode","barCode"],success: function (res) {console.log(res);var url = res.resultStr; },fail : function(error){console.log('出错了',error);}});});
5- 获取到扫描二维码后的信息,(这是用hbuild写的)
onLoad(ops) {if(ops.codes){this.codes = ops.codes;} },
2- hbuild 发行其他的 扫一扫 官网地址
// 扫码scancode() {uni.scanCode({success: function(res) {console.log(res, '扫码结果');console.log('条码类型:' + res.scanType);console.log('条码内容:' + res.result);// 扫的是用户的推荐码,打开注册页面并显示推荐人uni.navigateTo({url: "../login/register?id=" + res.result});}});},