用vue重构小程序踩坑之旅(1) --- 微信sdk验签

问题:验签失败

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!