微信公众号扫一扫功能实现

/* 
请求后台接口获取微信配置responseData，入参含appId、applicationId、url
url 为当前页面url 注意必须如：https://gzh.yunfuw.cn/account/add?     code=061wrY680jrpQE1o2y980E03780wrY6l&state=cloud_payment
*/

wx.config({
  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId:‘‘, // 必填，公众号的唯一标识
  timestamp: responseData.timestamp, // 必填，生成签名的时间戳
  nonceStr: responseData.noncestr, // 必填，生成签名的随机串
  signature: responseData.sign, // 必填，签名，见附录1
  jsApiList: ["scanQRCode"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

wx.ready(function () {
  wx.scanQRCode({
    needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
    scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
    success: function (res) {
      setTimeout(() => {
        // do something
        var result = res.resultStr.indexOf(",") > -1 ? 
                             res.resultStr.split(",")[1] : 
                                 res.resultStr;
      }, 2000);
    }
  });
});