调用微信公众平台扫一扫示例及解决接口报错{"errMsg":"co

一、解决报错问题

单从报错信息 invalid signature 就可以看出是 签名signature 有问题,

查了很多资料,终于知道了问题点,

后台让我直接调接口是不对的,签名是根据请求接口的页面url来生成的,所以url要动态地传给后台,而且这个页面url还要除去'#'hash部分,可用 location.href.split('#')[0] 获取,需不需要 encodeURIComponent 进行编码询问后台,有的需要有的不需要。

eg:

 var pageUrl ={ url:(window.location.href).split('#')[0] $$.ajax({ url:"/get-sign"+"?action=get_sign_package", type:"post", data:pageUrl, success:function(data){ var params = JSON.parse(data); /*配置 wx.config 参数*/ wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: params.appId, // 必填,企业号的唯一标识,此处填写企业号corpid timestamp: params.timestamp, // 必填,生成签名的时间戳 nonceStr: params.nonceStr, // 必填,生成签名的随机串 signature: params.signature,// 必填,签名,见附录1 jsApiList: [ 'checkJsApi', 'scanQRCode' ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 });

经过上述修改,就能成功取到需要的参数。

二、调用微信扫一扫

经过上面成功配置微信参数,你就可以在你想使用微信接口的地方直接使用了,以扫一扫为例:


success: function (res) {// 以键值对的形式返回,可用true,不可用false。如:{"checkResult":{"scanQRCode":true},"errMsg":"checkJsApi:ok"} if(res.checkResult.scanQRCode != true){ alert('抱歉,当前客户端版本不支持扫一扫'); fail: function (res) { //检测getNetworkType该功能失败时处理 alert('checkJsApi error'); /*处理失败验证*/ wx.error(function (res) { alert("share error: " + res.errMsg); });
needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果, scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有 success: function (res) { scanSuc(res); // 扫描成功的回调函数 error: function(res){ if(res.errMsg.indexOf('function_not_exist') 0){ alert('版本过低请升级') });