用vue重構小程式踩坑之旅(1) --- 微信sdk驗籤
問題1:驗籤失敗
慘景: 用微信sdk實現h5頁面的分享,且每個頁面分享內容需要自定義.
坑1: 在Android和ios的系統中,同一個頁面Android驗籤成功,ios驗籤失敗
解決方案:
因為在使用vue的router時 ios複製出來的頁面地址永遠都是xxxx.com 而Android系統則是xxx.com/index,這就是照成驗籤失敗的原因;
查閱解決方案:
https://www.jianshu.com/p/a470403de789
大佬寫的很詳細
坑 2: 某一頁面Android驗籤失敗,ios驗籤成功; --- 腦殼疼
解決方案:
在填埋了坑1後,ios就基本不用考慮單頁面驗籤,但是在某頁面中發現Android 驗籤失敗,查出原因是因為url中拼接了中文的埋點.(做小程式跳轉時 一般都會加到query中)
vue中是會把query拼接到url上.建議吧這些資料後期用vuex來儲存,(emmm,vue菜鳥,沒測過此方案)
invalid signature簽名錯誤
坑3: 呼叫微信sdk的分享介面時,ios成功分享,Android分享失敗
解決方案(應急解決):
微信jssdk 1.4使用新的2個分享介面: wx.updateAppMessageShareData 和 wx.
updateTimelineShareData 不知道為什麼 用了新的介面後就會產生以上問題,所以目前解決方案就是
用舊的介面wx.onMenuShareTimeline(即將廢棄);---腦殼又疼了