天天看點

微信分享

開啟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接口安全域名,比如開發環境,測試環境。

部落格簽名:敬畏生命,珍惜時間,熱愛生活。

繼續閱讀