如何使用js来调用微信扫一扫接口

在调用微信扫一扫时，都需要在可信域名下进行调用

https://work.weixin.qq.com/api/doc#10029

首先需要在

设置自己的可信域名然后在html中编写如下代码：

在html页面中必须导入：

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>js文件

（如果是打开接口自动进行调用）

wx.config({
beta : true,
debug :false,
appId : '<{$appId}>',
timestamp : '<{$timestamp}>',
nonceStr : '<{$noncestr}>',
signature : '<{$signature}>',
jsApiList : ['checkJsApi', 'scanQRCode']
});//配置文件
wx.ready(function() {//配置文件加载完成之后会自动调用ready中的模块
wx.checkJsApi({
jsApiList : ['scanQRCode'],
success : function(res) {
}
});
wx.scanQRCode({
needResult: 1, 
scanType: ["qrCode","barCode"], 
success: function () {
window.location.href="http://tt.sayequ.me/BasedataInfoSerch/";
var result = res.resultStr;
}
});
});
wx.error(function(res) {
alert("调用微信jsapi返回的状态:" + res.errMsg);
});

//如果需要进行某个点击才触发扫一扫接口，那么就将ready中的

wx.scanQRCode({
needResult: 1, 
scanType: ["qrCode","barCode"], 
success: function () {
var result = res.resultStr;
}
});
移动到触发时间执行的函数中去。

这一页面必须实在可信域名下执行，因此会使用到ngnix的反响代理，通过配置服务器访问端口的反向代理和文件路径的代理来实现例如：

在配置文件ngnix.conf中的server中配置：

location ~(/scanCode/|/ScanWC/|/BasedataInfoSerch/) {
               proxy_pass http://127.0.0.1:9522;
           }
           location ~* .(js|jpg|jpeg|png|css)$ {
             proxy_pass http://127.0.0.1:9522;
          }

如是需要自己配置需要去网上搜索ngnix的路径匹配规则就ok了！