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