調用微信掃一掃接口掃描二維碼


對於這個方法我只能說我是在最開始的時候測試過,但是后面就沒有測試過了, 由於項目不僅要放在微信里,也要放在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");
  }
}




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM