iOS中,在某个页面内调用微信JSSDK相关API,如扫码、分享等,使用当前页面URL总会出现签名错误(invalid signature),导致API调用失败。
在JSSDK文档页面有这么一句话:
所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)。
但事实是通过window.location.href拿实时地址进行微信配置,安卓上是ok的,iOS则不行
通过打印信息,iOS上把前端路由地址解析错了,那么可以考虑自己手动组装地址。。。
一个完整的URL(比如:http://localhost:3000/ppp/index.html?search=wbiokr#/home?query=haha)包括:
origin: "http://localhost:3000"
pathname: "/ppp/index.html"
search: "?search=wbiokr"
hash: "#/home?query=haha"
那么iOS下可以自己组装页面URL:
const { origin, pathname, serch, hash } = window.location;
const url = `${origin}${pathname}${search}${hash}`
然后进行微信配置:
getWxSing({
url
})
.then((res: Common)=>{
window.wx.config({
debug: false,
appId: res.appId,
timestamp: res.timestamp,
nonceStr: res.noncestr,
signature: res.signature,
jsApiList: ['scanQRCode']
});
})
问题解决