调用wx.config时,遇到invalid signature的解决方法(解决IOS端签名失败问题)

一、检查自己的配置是否正确

1、确认对应的公众号已设置"JS接口安全域名"

2、确认签名算法正确,可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。

3、确认config中nonceStr(js中驼峰标准大写S), timestamp与用以签名中的noncestr,timestamp对应一致。

4、确认url是页面完整的url

5、确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。

6、确保一定缓存access_token和jsapi_ticket。

7、确保你获取用来签名的url是动态获取的,动态页面可参见实例代码中php的实现方式。如果是html的静态页面在前端通过ajax将url传到后台签名,前端需要用js获取当前页面除去’#‘hash部分的链接(可用location.href.split(’#’)[0]获取,而且需要encodeURIComponent),因为页面一旦分享,微信客户端会在你的链接末尾加入其它参数,如果不是动态获取当前链接,将导致分享后的页面签名失败。

二、常见问题

1、Android端真机上,调用wx.config是成功的。部分IOS端真机上调用wx.config,会跳出签名失败的问题。

造成的原因:

因为用的是vue单页spa,在单页spa方面vue的history在iOS中页面地址会始终为第一次进入的链接地址。而这里的授权会有一个获取openId的过程,所以就会有在iOS中授权失败的问题。

解决方法:

前端调用这个方法时只能看到调用wx.config的返回值,具体的信息还要去找后端打印refer值。打印出来的时候,你会发现Android端与IOS端调用wx.config时后端拿到的refer值是不一样的。目前refer值在ios14以下的微信和安卓返回的是一样的,ios14 和微信7.0.18返回就只有域名。这就需要改造一下接口,让前端把当前的URL传给后端,后端以这个URL作为refer值。这样就解决了部分IOS端真机上调用wx.config,会跳出签名失败的问题。                                                       文章来源地址https://uudwc.com/A/DwGj

原文地址:https://blog.csdn.net/xxx_datou/article/details/124660831

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

h
上一篇 2023年06月16日 15:42
Verilog设计_序列发生器
下一篇 2023年06月16日 15:42