uni-app/Vue 公眾號H5調用微信掃碼

npm安裝微信JS-SDK

npm install jweixin-module --save

通過網址下載：

https://unpkg.com/browse/jweixin-module@1.6.0/lib/index.js

 

需要用到微信JSSDK頁面，引入微信JSSDK

//微信js-sdk引入
var jweixin = require('jweixin-module')

 

調用微信掃碼功能：

html代碼：

<view @click="scan()">掃一掃</view>

 

JS代碼：

//調用掃碼
scan(){
     let that=this; //如果要把掃碼結果賦值給頁面定義變量，要使用that.變量名
     jweixin.scanQRCode({
          needResult: 1, // 默認為0，掃描結果由微信處理，1則直接返回掃描結果， 
                  scanType: ["qrCode","barCode"], // 可以指定掃二維碼還是一維碼，默認二者都有
              success: function (res) {
                 var result = res.resultStr; // 當needResult 為 1 時，掃碼返回的結果
                 if(res.resultStr.indexOf(',') > 0){
                            //條形碼時返回的格式類似為【code128,123456789】        
                             var dealserialNumber=res.resultStr.split(',')[1];
                             dealserialNumber = dealserialNumber.replace(/[^a-z\d]/ig, "");//處理條形碼掃描的字符
　　　　　　　　　　　　　　　　　alert(dealserialNumber);
                             //location.href='接收結果頁面='+dealserialNumber;//掃描結果傳遞到的處理頁面
                  }
　　　　　　　　　　 else{
                        //二維碼時
                        alert(res.resultStr);
                        //location.href='接收結果頁面='+res.resultStr;//掃描結果傳遞到的處理頁面
                        }
                      }
                    
    });    
},