用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(即将废弃);---脑壳又疼了