vue 는 위 챗 스 캔 기능 의 실현 코드 를 사용 합 니 다.

STEP 1:weixin-js-sdk 와 jquery 패키지 설치npm install weixin-js-sdk jquery두 번 째 부분:설정wx.config (설정 은 모두 백 엔 드 에서 되 돌 아 왔 습 니 다.초보 전단 은 필요 에 따라 값 을 전달 하면 됩 니 다)
코드 는 다음 과 같다.

import wx from “weixin-js-sdk”;
import $ from “jquery”;
goSao() {

 //  【url           】，        signature
 //(     ios)
 let url = "  ";
 let ua = navigator.userAgent.toLowerCase();
 if (/iphone|ipad|ipod/.test(ua)) {
  this.newUrl = window.location.href.split("#")[0];
 } else if (/android/.test(ua)) {
  this.newUrl = window.location.href;
 }
 //      #
 
 $.get(`       =${this.newUrl}`,
  function(response) {
   wx.config({
    //       ,     api         alert  ，         ，   pc   ，       log  ，  pc      。
    debug: false,
    //   ，        
    appId: response.data.appId,
    //   ，        
    timestamp: response.data.timestamp,
    //   ，        
    nonceStr: response.data.nonceStr,
    //   ，  
    signature: response.data.signature,
    //   ，     JS    ，  JS    
    jsApiList: ["scanQRCode"]
   });
   console.log(response)
  }
 );
 wx.error(function(res) {
  alert("   ：" + res.errMsg); //         wx.config    ，         ，            。
 });
 let _t = this
  wx.ready(function () {
    wx.checkJsApi({
      jsApiList: ['scanQRCode'],
      success: function (res) {

      }
    });
    wx.scanQRCode({
      needResult: 1, //    0，         ，1         ，
      scanType: ["qrCode"], //              ，      
      success: async (res)=>{
       var result = res.resultStr; //  needResult   1  ，       
      alert（result ）
      }
    });
  });
},

사용 가능
주:위 챗 브 라 우 저 만 사용 할 수 있 습 니 다.다른 브 라 우 저 는 사용 할 수 없습니다.
총결산
vue 가 위 챗 스 캔 기능 을 사용 하 는 실현 코드 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 vue 위 챗 스 캔 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!