在调用微信 js-sdk 开发页面时,经常会遇到 config:invalid signature
的错误
在官方手册是这么解释此类错误,并提供了自查顺序:
因为在项目中,获取签名的后端接口是经过线上环境验证无误的,在前端可能出问题的只有第 2、3、4、6 步。
第 2、4 步只要对照验证一下就可以很快排错,所以真正有可能出问题的是第 3、6 步。
将第 3、6 步总结一下是,如果我们需要在页面中调用微信的某个方法,必须使用这个页面的完整 URL 地址获取签名(包括 http(s)://
、?
的参数部分,除 #
后的 hash 部分)
比如你的页面 url 为:https://www.abc.com/search?q=def#index1
那么你应该传给获取签名接口的 url 参数就应该是 https://www.abc.com/search?q=def
这是动态可变的,也就是需要用 window.location.href.split('#')[0]
来获取
iOS 下的表现
按照以上步骤