對於這個方法我只能說我是在最開始的時候測試過,但是后面就沒有測試過了, 由於項目不僅要放在微信里,也要放在app里,所以多了一步判斷,
如果在微信,則調用微信的掃一掃,如果在app里則調用某個方法,這個方法是后台寫好的
首先引入微信的js文件
<script src="jquery-2.1.1.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
function isWeiXin(){
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}
else{
return false;
}
}
<%--掃描二維碼--%>
//點擊事件調起微信掃一掃接口
$('.contentimg .saomiao').click(function(){ //判斷當前頁面是否在微信中打開
if(isWeiXin()){
//通過config接口注入權限驗證配置
$.ajax({
type:"post",
url:"", //自己填寫請求地址
data:{},
success:function(result){
wx.config({
// 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,
僅在pc端時才會打印。
debug: false,
// 必填,公眾號的唯一標識
appId: result.appId,
// 必填,生成簽名的時間戳
timestamp:""+result.timestamp,
// 必填,生成簽名的隨機串
nonceStr:result.noncestr,
// 必填,簽名
signature:result.signature,
// 必填,需要使用的JS接口列表
jsApiList : [ 'checkJsApi', 'scanQRCode' ]
});
}
})
<%--//通過ready接口處理成功驗證--%>
wx.ready(function(){
/*config信息驗證后會執行ready方法,所有接口調用都必須在config接口獲得結果之后,
config是一個客戶端的異步操作,所以如果需要在頁面加載時就調用相關接口,則須把相關接口放在ready函數中
調用來確保正確執行。對於用戶觸發時才調用的接口,則可以直接調用,不需要放在ready函數中。*/
});
//通過error接口處理失敗驗證
wx.error(function(res){
/*config信息驗證失敗會執行error函數,如簽名過期導致驗證失敗,具體錯誤信息可以打開
config的debug模式查看,也可以在返回的res參數中查看,對於SPA可以在這里更新簽名。*/
});
wx.scanQRCode({
needResult: 0, // 默認為0,掃描結果由微信處理,1則直接返回掃描結果,
scanType: ["qrCode","barCode"], // 可以指定掃二維碼還是一維碼,默認二者都有
success: function (res) {
var result = res.resultStr; // 當needResult 為 1 時,掃碼返回的結果
}
});
}
else{
A2J.scan("show_result");
}
}