当前位置:首页 > 常见问题 > 小程序

IOS 微信首次分享签名失败,二次刷新后就能成功的BUG(调用微信jssdk 时报错: “invalid signature“的解决方案)

来源:原创    更新时间:2021-06-09 13:43:33    编辑:管理员    浏览:1030

问题: 在IOS手机微信端,从A页面(http://a.com/A) 跳转到B页面(http://a.com/B)后,B页面进行分享时就会报签名(invalid signature)错误。

分析:

从A页面跳转到B页面时,由于是使用vue-router(react-router-dom)切换,都是操作浏览器历史记录,所以ios端微信浏览器锁定的url的还是A页面的url。


这个时候,是不是很多人都会认为,既然页面路由变化了,那我重新请求下url签名接口,不就可以了。呵呵呵,你会发现报错:invalid signature。但是再刷新一下,又没有签名问题,尼玛,这是什么原因呢???


那么你在请求url签名接口的时候,传递的url参数又是什么呢?大概如下吧:

url1、直接是 location.href (history模式)

url2、自己拼装的 location.origin + ‘/#’ + this.$route.pullPath (hash模式)

这个时候,你请求的接口都没问题,也能拿到签名数据。但是


问题就出在:你所请求的url签名地址和浏览器执行jweixin-1.x.x.js时锁定的地址 不一致、不一致、不一致。你当前请求的可能是url1或url2,而此时微信锁定的地址仍然是进入A页面时的url(因为在进入A页面是加载并执行了jweixin-1.x.x.js, 而路由变化A到B时,并没有再次执行jxinwei-1.x.x.js)。所以问题就发生了,但是你再刷新一下,jweixin-1.x.x.js重新执行,此时微信浏览器锁定的url就是你当前刷新的url地址了,所以签名又成功了。

主要是因为:

【IOS】:ios微信端,路由变化时,微信认为SPA的url是不变的。

【Android】:android微信端,路由变化时,SPA的url是会变的(官方在安卓6.2版本,才对SPA变化作了支持)


所以,发起签名的url必须是微信锁定的url。


解决方案: IOS端,把请求签名的url,保存到全局变量中。路由切换后,在调用分享接口时,使用全局变量里保存的url来请求签名


// 记录进入app时的url

    if (typeof window.entryUrl === 'undefined' || window.entryUrl === '') {

        window.entryUrl = location.href.split('#')[0]

    }

    // 进行签名的时候  Android 不用使用之前的链接, ios 需要

    let signLink =  /(Android)/i.test(navigator.userAgent) ? location.href.split('#')[0] : window.entryUrl; //最后,每次验签名使用 signLink 获取,就ok了。


或者将请求的接口路径进行截取,保持只选择路由之前的参数


window.location.href.split('#')[0]

1

最后关于微信功能有问题的话一定要打开debug模式 debug模式 debug模式 ,错误即使看不懂官网解释 百度资源一搜就能解决思考了一天的问题,何乐而不为呢

————————————————

版权声明:本文为CSDN博主「累了你就写会代码吧」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_43956521/article/details/113271524


上一篇:新零售社区团购运营方案-社区团购小程序

下一篇:已经是最后一篇