前提:
一、綁定域名
先登陸微信公衆平臺進入「公衆號設置」的「功能設置」裏填寫「JS接口安全域名」。
裏邊有說明(這裏提示一點:須要把當前公衆號的驗證文件放到指定目錄下)
二、須要參數: APPID、APPSECRET、服務器IP地址添加到IP白名單
申請JSSDK簽名:
第一步:(https請求方式: GET)(前提:替換APPID、APPSECRET,其餘參數不用處理)-- 獲取access_token:
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
第二步:(https請求方式: GET)(須要access_token 獲取jsapi)( 前提:替換 access_token,其餘參數不用處理):
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=access_token&type=jsapi
第三步:調用簽名算法,生成簽名
須要 sha1算法 加密參數串,參數4個,格式如:(替換成你本身的四個參數的值)
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW×tamp=1414587457&url=
http://mp.weixin.qq.com?params=value
注意:
一、4個的參數位置不能變,是按照字段名的ASCII 碼從小到大排序
二、url:當前網頁的URL,不包含#及其後面部分(page_url.split("#")[0] 便可)
Java有現成的SHA1算法:org.apache.commons.codec.digest.DigestUtils
String sign = DigestUtils.shaHex(needEncodeStr);
第四步:在html頁面,經過config接口注入權限驗證配置,就能使用微信JSSDK了
wx.config({
debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來,若要查看傳入的參數,能夠在pc端打開,參數信息會經過log打出,僅在pc端時纔會打印。
appId: '', // 必填,公衆號的惟一標識
timestamp: '', // 必填,生成簽名的時間戳 ,保持與後臺申請簽名的時間戳一直
nonceStr: '', // 必填,生成簽名的隨機串,保持與後臺的隨機字符串一致
signature: '',// 必填,簽名
jsApiList: [] // 必填,須要使用的JS接口列表
});
接下來,就能夠在JS代碼中使用JSSDK了,具體使用可參考公衆號開發文檔。
轉載請註明原文地址,謝謝!!!