UNI-APP 开发微信公众号（H5）JSSDK的使用、微信扫一扫

UNI-APP 开发微信公众号（H5）JSSDK的使用、微信扫一扫

自己做了一个h5端调起微信扫一扫的功能，上网一找，没有说得很详细的，依样画葫芦，结果出了很多问题。下面给大家讲一下做的方法，用这个方法亲测有效。

在做之前了解一下 JSSDK使用步骤，这个在 https://developers.weixin.qq.com/doc/

如果看完这个，对UNIAPP（H5）JSSDK的使用还是不明白，可以看看下面这种方法

这个随便一搜就有。下面开始实现

第一步引入jweixin-module文件，按照自己喜欢的方式途径下载好jweixin-module文件

本人是直接 npm install jweixin-module --save


我们只需要引入文件夹里面的jweixin-module就行

在main.js加载jweixin-module文件 import wx from ‘@/node_modules/jweixin-module/lib/index’ 这里的路径看你文件放在哪，我没有单独把jweixin-module文件提出来，你也可以提出来后放在components里面

接着就是页面中使用了

下面分段说明

这里我在页面加载完毕的时候就请求接口了，你也自己封装一个方法，直接引入就行。

通过config接口注入权限设置（拿到签名数据后就是注入权限了)

最后在需要的地方使用就行啦

最后附上我的代码，里面请求接口改成你自己的

<view>

    <button class="bg-blue" @click="scancode()">扫码</button>

</view>

好了，到这里UNI-APP 开发微信公众号（H5）调用微信扫一扫就实现了，是不是很简单，

最后附上效果

讲得不是很好，但是用这个方法一定可以调起微信扫一扫！
转自：https://developers.weixin.qq.com/community/develop/article/doc/00008e145546480ca45ac99aa56813