.NET微信網頁開發之使用微信JS-SDK調用微信掃一掃功能

前言:

  以前有個項目須要調用微信掃描二維碼的功能,經過調用微信掃碼二維碼功能,而後去獲取到系統中生成的二維碼信息。正好微信JS-SDK提供了調用微信掃一掃的功能接口,下面讓咱們來看看是如何實現的吧。javascript

第一步、微信JS-SDK的使用步驟,配置信息的生成獲取講解:

  關於JS-SDK的使用步驟和timestamp(時間戳),nonceStr(隨機串),signature(簽名),access_token(接口調用憑據)生成獲取的詳細說明在這裏:http://www.javashuo.com/article/p-wpbycfwn-dm.htmlhtml

第二步、調用微信掃一掃,獲取到二維碼中的內容:

 <input id="scanbutton" type="button" onclick="scan()" style="background-color: #07CAF4" value="掃描二維碼">


<script type="text/javascript">
//注入權限驗證配置
wx.config({
    debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來,若要查看傳入的參數,能夠在pc端打開,參數信息會經過log打出,僅在pc端時纔會打印。
    appId: '', // 必填,公衆號的惟一標識
    timestamp: , // 必填,生成簽名的時間戳
    nonceStr: '', // 必填,生成簽名的隨機串
    signature: '',// 必填,簽名
    jsApiList: ['scanQRCode'] // 必填,調用微信掃一掃接口
});


//調用微信掃一掃接口
function scan() {
//首先判斷是否使用微信內,由於微信JS-SDK只有在微信環境下才有用
var environmental= window.navigator.userAgent.toLowerCase();
 if (environmental.match(/MicroMessenger/i) == 'micromessenger') {
wx.ready(function() {
 //獲取本地跳轉地址
wx.scanQRCode({
needResult: 1,// 默認爲0,掃描結果由微信處理,1則直接返回掃描結果,
desc: 'scanQRCode desc',// 能夠指定掃二維碼仍是一維碼,默認兩者都有
success: function(res) {
//alert(JSON.stringify(res));
 $("#Code").val(res.resultStr);
}
});
});
}
else 
{
 alert("請在微信中登陸!");
}
}
</script>
相關文章
相關標籤/搜索