微信JS SDK demo 實例

最近研究了下微信分享SDK，搜下網上的實例，發現他們的好多配置參數都是寫死的，也不知道怎麼獲取的，而後就本身研究了下，如今給小夥伴們貼上具體的，不喜勿噴啊，我只是貼上關鍵的代碼，還有我開發過程當中遇到種種問題，其餘具體步驟大家能夠去找官方文檔，我作的時候主要代碼是在weiphp框架寫的，而後跨站調用的，主要代碼以下：

須要微信JSSDK的頁面必須得把配置寫好，主要的配置有APPId(公衆號標識)，timestamp(生成簽名的時間戳即當前時間的時間戳)，nonceStr(生成簽名的隨機串)，signature(簽名)，剩下一個不重要就不寫了

一、獲取nonceStr(生成簽名的隨機串)和jsapi_ticket爲生成簽名作準備

二、生成簽名

 

三、跨站請求相關數據

四、爲跨站取數據寫的方法

五、把取到的JSSDK的配置賦值給變量

六、在頁面中去寫相關的JS代碼

如下就是test.js文件相關代碼

而後在手機端打開頁面就是你想要的了，哇咔咔

七、注意事項：我開發過程當中遇到的bug

　　　　一、invalid url domain 

　　　　解決辦法：去的微信公衆平臺綁定域名就ok了

　　　　二、invalid signature ，用簽名工具獲得的結果驗證同樣，同時配置寫的也沒有問題

　　　　解決辦法：發現url獲取的不是當前展現頁面的URL

　　　　三、URL改過以後依然報invalid signature錯誤

　　　　解決辦法：發現config當中的appID和獲取jsapi_ticket 的appid不一致

經歷了九九八十一難終於把代碼調試通了，其中我遇到好多問題百度發現好多都是相互複製，因此我就想把我本身弄的寫下來，不但能夠幫助到小夥伴還能夠本身加深記一下，哇卡卡卡。。。但願你們多多批評指正，碼代碼不易，且碼且珍惜。