小程序WebView调用JSSDK（使用扫一扫功能）采坑记录

@TOC

最近项目仲须要在小程序中的webview网页中调出扫一扫功能。 目前想到的思路有两种

• 利用JSSDK
• 跳到小程序页面进行扫码，再将结果携带返回（比较曲折）

这里只实践了第一种，这里记录过程当中须要记录的点。

如何使用JSSDK

这里是微信的官方API地址

总的来讲准备要5个步骤：

• 步骤一：绑定域名
• 步骤二：引入JS文件
• 步骤三：经过config接口注入权限验证配置
• 步骤四：经过ready接口处理成功验证
• 步骤五：经过error接口处理失败验证

其中有几个地方须要注意的有：：：

一： 我开发的是小程序，哪里来的公众号设置？

这里确实须要你要有一个公众号，而且将你程序的域名按照上面说的设置好。到这里你可能不知道这个公众号用来干吗的，以后会讲到。

二： 引入的JS文件（res.wx.qq.com/open/js/jwe…

比较粗心，没有注意到原来程序没有正常加载该js，又没有什么提示。我看到程序没有按个人预期执行代码的时候，卡了一段时间在找缘由。最后才发现是由于这段js没有正常加载。缘由多是你的http/https环境问题，若是是https的环境能够把那个js文件的地址也改为https,例如： res.wx.qq.com/open/js/jwe… 我记得有个写发好像是不须要http前缀的，这样就会自适应环境，我还没专门验证过： : //res.wx.qq.com/open/js/jwexin-1.4.0.js（冒号跟斜杠号有空格记得去掉）

三： 得到签名（权限验证）？

这边是后台的工做，须要注意的是url的地址，要在公众号中设置成为 JS接口安全域名，而且APPID是返回公众号的APPID，而不是小程序的（问题一的答案：公众号的做用）。

PS：：：若是你的程序发现签名正确缺发现提示无效路径（Invalid URL）的话就要注意了，极可能是你的APPID不是公众号，或者是公众号可是还没设置成JS接口安全域名 这里附上一个签名校验工具：签名校验工具

若是过程当中出现错误，要记得去微信的文档中找到该种错误的信息，可以帮你尽快找到缘由。