小程序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接口安全域名 這裏附上一個簽名校驗工具：簽名校驗工具

若是過程當中出現錯誤，要記得去微信的文檔中找到該種錯誤的信息，可以幫你儘快找到緣由。