重要鏈接
- 官方微信文檔： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
- 簽名校驗： https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
- 鑒權代碼： http://demo.open.weixin.qq.com/jssdk/sample.zip
JS-SDK使用步驟
第一步 綁定域名
先登錄微信公眾平臺進入“公眾號設置”的“功能設置”裡填寫“JS接口安全域名”。備註：登錄後可在“開發者中心”查看對應的接口權限。
第二步 安裝JS-SDK
兩種安裝方式
第一種使用JS直接調用JS外鏈：http://res.wx.qq.com/open/js/jweixin-1.6.0.js
第二種使用npm構建項目依賴：可以使用npm install weixin-js-sdk或npm install weixin-jsapi
在需要使用的頁面引入JSSDK：import wx from 'weixin-js-sdk
第三步 通過 config 接口註入權限驗證配置
所有需要使用 JS-SDK 的頁面必須先註入配置信息，否則將無法調用。這裡的一些配置項，debug、jsApiList這兩個參數是可以在前端寫死的，** appId，nonceStr，signature， timestamp** 這四個參數就不需要我們前端人員去管，都是由後臺的人員去弄返回接口給我們，我們前端人員主要做的就是把當前頁面的url傳遞給後臺（url要截取#號前面），從而後臺人員拿到我們的url，返回參數，然後我們拿著參數去調用wx.config進行配置即可
wx.config({
debug: true, // 開啟調試模式,調用的所有 api 的返回值會在客戶端 alert 出來，若要查看傳入的參數，可以在 pc 端打開，參數信息會通過 log 打出，僅在 pc 端時才會打印。
appId: '', // 必填，公眾號的唯一標識
timestamp: , // 必填，生成簽名的時間戳
nonceStr: '', // 必填，生成簽名的隨機串
signature: '',// 必填，簽名
jsApiList: [] // 必填，需要使用的 JS 接口列表
});
