Vue 调用微信扫一扫功能,vue调用扫码功能

Vue 调用微信扫一扫功能

摘要：

T=jsapisign提交参数并生成签名，以查看后端返回的签名是否与jsapi_ticket参数的后端给我AccessToken和jsapi_ticket微信公众号的这两个东西通常在前端或后端获得------“如果后端获得了开发者的公众号，成为了开发者的官方号，那么必须首先授权。如果授权了，你可以获得用户信息。如果授权，你可以直接跳转到主页。例如，如果你打开开票工具扫码，你可以使用吸管的二维码生成二维码测试。”

这个功能呢就是公众号里面埋一个网页，有个功能扫一扫，调用微信的js-sdk来弄；

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 官方文档

第一步绑定域名，就是你在公众号登录之后要设置域名，还有白名单，这个喊后端去弄，前端又不晓得哪些是白名单，域名是好多

第二部：安装js-sdk的包（用npm 或yarn安装npm install weixin-js-sdk --save）

第三部：配置wx.config

这个里面需要的东西全部由后端给你，你只需要去掉后端给你的接口，它的接口会返回wx.config里面需要的字段，（你只需要传递url参数就行了）

切记是去掉#及#后的url

let url = location.href.split("#")[0];

mounted()里面去掉，配置成功就会打印成功，可以吧debug:true调试模式打开，ok才是对的报错就会更好找

页面上有 Vue 调用微信扫一扫功能第2张

点击就调用扫码功能

Vue 调用微信扫一扫功能第3张

************************************************************************************

所有用到微信的功能都只能线上测试（测试或正式，本地没发测）

***************************************************************************************************************

***************************************************************************************************************************************************************************************************

搬砖中遇到的问题

{"errMsg":"checkJsApi:ok","checkResult":"{}"}

Vue 调用微信扫一扫功能第4张