一、检查自己的配置是否正确
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中授权失败的问题。
解决方法:文章来源:https://uudwc.com/A/DwGj
前端调用这个方法时只能看到调用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