步骤：
vue项目，公众号绑定：建立空白页，获取code，根据code获取微信个人信息 就这2步
1、建立空白页面。 这个页面的作用是 通过请求后台的接口 拿到 获取授权的地址。直接打开接口返回的地址，这个地址会跳转到你网站的首页（或者配置的指定页面），打开后的地址会带有 code值。
2、根据 地址栏上的code值。 去请求后台接口，这时候 接口回返给你 微信的 个人信息。把信息储存下来就可以了，或者根据这些值再去做相关的逻辑处理。
调用微信扫一扫及其他功能
1、需要安装 weixin-js-sdk 。
2、调用后台接口，获取 appId、timestamp、nonceStr、signature 这些东西，这都是配置微信要用的。
我这边用到的接口传参需要 appid 和 signUrl appid就写死，或者通过接口返回。需要注意的是 signUrl 这个如果写的不对会出现微信配置错误。
直接写location.href.split('#')[0]，就不会出错了。
wx.config({
debug:true,// 是否开启调试模式
appId:data.appId,// 公众号的唯一标识
timestamp:data.timestamp,// 生成签名的时间戳
nonceStr:data.nonceStr,// 生成签名的随机串
signature:data.signature,// 必填，签名
jsApiList: ['scanQRCode']
})
wx.ready(function () {
alert('成功')
})
wx.error(function (res) {
alert('失败')
})
调用扫一扫的话，直接用微信的方法就可以了。用什么功能需要在微信配置里写上 jsApiList:[ ]
wx.scanQRCode({
needResult:1,// 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
scanType: ['qrCode','barCode'],// 可以指定扫二维码还是一维码，默认二者都有
success:function (res) {
var result = res.resultStr // 当needResult 为 1 时，扫码返回的结果
alert(result)
}
})
调用其他方法就看微信开放文档
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#8
网友评论