微信公众号扫一扫功能vue配置

本文链接： https://blog.csdn.net/Hei_lovely_cat/article/details/102698423

debug: false, 如果为true的话安卓手机不能正常跳转，ios可以（微信一大坑）

//扫一扫            
toSweep() {                
// 获取当前页面路径                
var url = window.location.href;                
// 获取微信签名                
this.$ajax({                    
url: "/DouBra/zys/api/doubleegg/wx/getWxJsKey?url="+url,                    
method: 'get',                    
async: false,  //请求同步                
})                    
.then(res =>{                        
// res 返回的签名等数据                        
if (res.data.code === 0) {                            
wx.config({                                
debug: false,                                
appId: res.data.data.param.appId + '', // 必填,公众号的唯一标识                                
timestamp: res.data.data.param.timestamp, // 必填,生成签名的时间戳                                
nonceStr: res.data.data.param.noncestr + '', // 必填,生成签名的随机串                                
signature: res.data.data.param.jsKey + '', // 必填,签名                                
jsApiList: ['checkJsApi', 'scanQRCode'] // 必填,需要使用的JS接口列表                            
});                            
wx.scanQRCode({ // 微信扫一扫接口                                    needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，                                    
scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有                                    
success(res) {                                        
var result = res.resultStr;//把获取到的信息做处理 此result就是扫描到的文本                                    
}                                });                            
wx.error(function (res) {                                
// config 信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名                                
alert('配置验证失败: ' + res.errMsg)                            })                        
}                    
})            
},

微信公众号扫一扫功能vue配置

猜你喜欢