h5实现扫一扫功能_taro实现微信扫一扫功能

公司一个项目是内网，要实现扫一扫功能，taro扫码功能只能在微信公众号才有效，做的过程中也遇到各种坑，现在在这里总结一下：

第一步：

先安装微信jdk依赖：

npm install weixin-js-sdk -S

安装好后在需要调取扫一扫的页面引入或者全局引入：

第二步：

去微信公众平台注册一个测试号https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index

使用微信jdk只需要配置安全域名就行了，其他的不用配置

本地测试，需要做内网穿透，这里用的是natapp，把你的前端地址映射出来：比如你前端地址是127.0.0.1:8888，用natapp映射出来的是http://vwb627.natappfree.cc，只需要把测试号的安全域名设置成http://vwb627.natappfree.cc即可：