微信公眾號調用JS-SDK

坑：先設置js接口安全域名，在公眾號設置-功能設置-js接口安全域名中設置

授權登錄功能需要在開發者中心頁配置授權回調域名

 

文檔：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

簽名驗證工具：http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

配置

wx.config({
    debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
    appId: '', // 必填，公眾號的唯一標識
    timestamp: , // 必填，生成簽名的時間戳
    nonceStr: '', // 必填，生成簽名的隨機串
    signature: '',// 必填，簽名，見附錄1
    jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
});

這里的配置數據是在后台生成，主要是signature的獲取：

第一步：獲取access_token

http請求方式: GET
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

這里的access_token跟獲取用戶信息的access_token不一樣，這個access_token是對應公眾號的全局唯一票據，公眾號調用各接口時都需使用access_token，且每天調用頻率有限制，所有需要緩存。

第二步：獲取jsapi_ticket

https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

token即第一步獲取的token

第三步：生成signature

由於之前沒仔細看文檔，還以為這里的簽名跟支付用的簽名算法是一樣，結果總是報簽名錯誤。。。

折騰了半天才看到上圖算法描述，參數即上面四個，需要注意的是url為需要調用JS-SDK的頁面，也就是調用這個時，要把頁面url傳過來。

最后拼上配置需要的參數，返回給前台就可以了