使用JS-SDK调用微信扫一扫，需要有公众号支持，通过公众号生成JS-SDK使用权限签名。本文直接调用已封装好的接口来获取随机数（noncestr）、时间戳（timestamp）、签名（signature），接口地址：http://xx.xx.com/xxmap/wechat/jsapi/getSignature.do?appId=APPID&url=URL。appId是公众号的标识，url是需要调用微信扫一扫的页面的地址，需要进行encodeURIComponent编码。
调用微信扫一扫前端页面代码：
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="plug-in/qrcode/jquery.min.js"></script>
<script src=”http://res.wx.qq.com/open/js/jweixin-1.0.0.js”></script>
<title>微信扫一扫</title>
</head>
<body>
<script type="application/javascript">
var purl = encodeURIComponent(location.href);
$.ajax({
url:"voucherController.do?getSignature",
data:{"url":purl},
type:"POST",
dataType:"json",
success:function(result){
wx.config({
debug:false,
appId:result.obj.appId,
timestamp:result.obj.timestamp,
nonceStr:result.obj.noncestr,
signature:result.obj.signature,
jsApiList:['scanQRCode']
});
},
error:function(){
alert("请求失败");
}
});
function scanQr(){
var ua = navigator.userAgent.toLowerCase();
var isWeiXin =ua.indexOf('micromessenger') != -1;
if(!isWeiXin){
alert('请用微信打开链接，才可使用扫一扫！');
}
wx.scanQRCode({
needResult:1,
scanType:["qrCode"],
success:function (res) {
var scan = res.resultStr;
location.href=scan;
},
error:function(res) {
if(res.errMsg.indexOf('function_not_exist') > 0){
alert('当前版本低，请进行升级！');
}
}
});
}
wx.error(function(res){
alert(res.errMsg);
});
//$(function(){
// setTimeout("scanQr()","1000");
//});
</script>
<input type="button" οnclick="scanQr()" id="test" value="微信扫一扫" style="font-size: 30px;border: solid 1px;padding: 10px;"/>
</body>
</html>
调用微信扫一扫后端代码：
@RequestMapping(params = “getSignature”)
@ResponseBody
public AjaxJson getSignature(String url){
AjaxJson j = new AjaxJson();
String sigUrl = “http://xx.xx.com/xxmap/wechat/jsapi/getSignature.do?appId=APPID&url=” + url;
//Get请求接口，获取随机数、时间戳、签名
JSONObject jsonObject = HttpRequest.sendGet(sigUrl);
JSONObject jsonObj = JSON.parseObject(jsonObject.getString(“result”));
jsonObj.put(“appId” ,APPID);//公众号appid
j.setObj(jsonObj);
return j;
}
注意：jweixin-1.0.0.js的引用，使用vConsole调试，IOS系统可能会出现找不到变量:wx异常，这个时候可以直接把整个jweixin-1.0.0.js复制到你的JS中，就可以解决。
扫一扫
1578
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
