js 에서 위 챗 의 QR 코드 스 캔 기능 을 호출 하 는 실현 코드

키 코드

<html>
<head>
  <title>
    js           
  </title>
   <!--    JS -->
  <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  <!--  jQuery -->
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
</head>
<body>
  <input type="button" value="   " id="scanQRCode">
<script type="text/javascript">
  //  【url           】
  $.get("           ?url=       ", function(data){
    var jsondata=$.parseJSON(data);
    wx.config({
      //       ,     api         alert  ,         ,   pc   ,       log  ,  pc      。
      debug: false,
      //   ,        
      appId: jsondata.model.appId,
      //   ,        
      timestamp: "" + jsondata.model.timestamp,
      //   ,        
      nonceStr: jsondata.model.nonceStr,
      //   ,  
      signature: jsondata.model.signature,
      //   ,     JS    
      jsApiList: ['checkJsApi', 'scanQRCode']
    });
  });
  wx.error(function (res) {
    alert("   :" + res.errMsg);//         wx.config    ,         ,            。
  });
 
  wx.ready(function () {
    wx.checkJsApi({
      jsApiList: ['scanQRCode'],
      success: function (res) {
 
      }
    });
 
    //         
    document.querySelector('#scanQRCode').onclick = function () {
      wx.scanQRCode({
        needResult: 1, //    0,         ,1         ,
        scanType: ["qrCode"], //              ,      
        success: function (res) {
          var result = res.resultStr; //  needResult   1  ,       
          alert("    :"+result);
          window.location.href = result;//             ,        
        }
      });
    };
 
  });
</script>
</body>
</html>
주의사항:
"위 챗 인증 파라미터 가 져 오기"
이 전 제 는 귀하 가 자신의 위 챗 개발 자질 을 가지 고 정확 한 인 자 를 얻 을 수 있다 는 것 입 니 다.
  • 공중 번호 의 유일한 표지
  • 서명 한 타임 스탬프
  • 서명 랜 덤 꼬치
  • 흔 한 오류
    config:invalid signature
    해결 방법
    "현재 홈 페이지 의 주소"-하하,틀림없이 네가 잘못 쓴 것 이다.여 기 는 반드시 본 홈 페이지 의 주소 이다.
    서버 에서 테스트 하 는 게 좋 을 것 같 아 요.
    총결산
    js 에서 위 챗 을 호출 하 는 QR 코드 스 캔 기능 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 관련 js 위 챗 스 캔 QR 코드 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!

    좋은 웹페이지 즐겨찾기