微信開發中微信分享的調試

背景

這周作的一個活動有微信分享的功能,原本看微信JS-SDK說明文檔代碼一copy覺得就大功告成了,但是調試-_-#,因而乎寫個文章記念下?html

分享的調試

1. 下載微信開發者工具

2. 微信公衆平臺接口測試賬號申請

申請帳號api

進入以下頁面:
圖片描述安全

3. 在第2步中的頁面中會看到相似的測試號二維碼,關注便可

圖片描述

4. 獲取access token

獲取access token微信

將打開的連接地址上的APPID和APPSECRET替換成對應的第2步中獲取的測試帳號信息,回車獲取access_token微信開發

5. 用上一步拿到的access_token 採用http GET方式請求得到jsapi_ticket

得到jsapi_ticketapp

6. 用上一步拿到的jsapi_ticket得到signature

得到signature微信公衆平臺

7. 在第2步中進入的測試號管理頁面設置JS接口安全域名

  1. 一級域名,非80端口須要帶端口號;
    2: 域名設置不要帶http://或者https://,末尾不要帶"/";
    例如:abc.comdom

8. 查看分享是否成功

以上設置好以後,打開開發者工具,登陸後,打開頁面,切換到console下面,若是顯示以下說明能夠愉快的調試分享了:工具

clipboard.png

這塊常常會報invalid url domaininvalid signature,出現前者錯誤就是第7步沒有設置對啦,後者這個錯誤緣由有好多,常犯的錯誤就是簽名生成的不對;測試

相關文章
相關標籤/搜索