開啟debug,根據傳回錯誤資訊,查詢微信開發文檔。
一、某些問題
1、分享的标題和描述不顯示;
2、分享的logo不顯示;
3、必須在*.signature.cn環境下進行調試,否則無法通路用來簽名的https://io.signature.cn服務;
4、io.signature.cn服務使用https協定通信,中間難以通過代理攔截;
5、分享相關微信jsbridge接口,隻在微信app中存在,無法在本地開發環境調用。
二、解決方案
開啟debug,根據傳回錯誤資訊,查詢微信開發文檔;
1、下載下傳安裝微信web開發者工具
2、下載下傳并安裝charles,下載下傳并破解
3、打開charles,安裝根證書
4、在proxy -> ssl proxying settings中,加入 *.signature.cn域名
5、在tools -> map local 功能中,加入需要代理到本地的線上url到本地檔案夾的對應關系
6、在微信開發者工具中,設定代理到charles端口
7、在微信開發者工具中,打開線上位址,可以看到 js 檔案已經被替換,這時候可以在同時有線上 api 和微信 jsbridge 的環境下進行調試。
http://m.signature.cn/
三、一些原因
1、 invalid signature
簽名錯誤,後端排查。
2、 require subscribe
沒有關注該測試公衆号,微信關注。
四、如何關注測試公衆号?
開發環境聯調階段,前端如果想自測微信分享功能,讓後端同僚打開連結http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
用他自己的微信賬号掃碼登入“公衆平台測試賬号系統”, 此時他的手機顯示登入成功,電腦跳轉到新頁面
https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index。
在這個用後端開發同僚賬号登入的頁面内,前端同僚打開自己的微信掃碼關注測試公衆号,即可前往項目頁面掃碼測試分享功能,圖示就會出來了。
五、為什麼需要關注後端同僚的測試公衆号?
因為後端代碼中有設定appid,appsecret。後端開發或者測試同僚相當于管理者,可以修改js接口安全域名,比如開發環境,測試環境。
部落格簽名:敬畏生命,珍惜時間,熱愛生活。