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