小程序 · 2023年8月9日

详解微信JS-SDK开发扫一扫接口功能实现代码

这篇文章详解微信js-sdk开发扫一扫接口功能实现代码

<?php     require_once "jssdk.php";
    $appID = "输入你的id";
     $appsecret = "输入你的secret";
 
    $jssdk = new JSSDK($appID, $appsecret);
    $signPackage = $jssdk->GetSignPackage();
var_dump($jssdk);
   
?&gt;
nbsp;html&gt;


  <meta>
  <title></title>
  <input>" id="id1" /&gt;
  <input>"id="id2" /&gt;
  <input>" id="id3" /&gt;
  <input>" id="id4" /&gt;

<script></script><script></script><script>
  // 注意:所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 
  // 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
  // 完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
  var appId=$('#id1').val();
  var timestamp=$('#id2').val();
  var nonceStr=$('#id3').val();
  var signature=$('#id4').val();
  wx.config({
    debug: true,
    appId: appId,
    timestamp: timestamp,
    nonceStr: nonceStr,
    signature: signature,
    jsApiList: 
       // 所有要调用的 API 都要加到这个列表中
       ['scanQRCode']
     
  });
   wx.ready(function () {
     // 在这里调用 API
     alert(1);
wx.checkJsApi({
    jsApiList: ['chooseImage'], // 需要检测的JS接口列表,所有JS接口列表见附录2,
    success: function(res) {
     alert(res.errMsg);
        // 以键值对的形式返回,可用的api值true,不可用为false
       // {"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
    }
});
       wx.scanQRCode({  
     needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
      scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
      success: function (res) {
       
          var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
      }
      
    })
   });
</script>

登录后复制

代码放到服务器上后用火狐浏览器打开链接,在火狐浏览器地址栏后面有个二维码的图标,点击后出现二维码图片
用微信扫码二维码,微信中弹出的网页会有返回值。(用微信的浏览器打开)

登录后复制

以上就是详解微信JS-SDK开发扫一扫接口功能实现代码的详细内容,更多请关注GTHOST其它相关文章!