微信配置SDK出现 invalid signature签名错误

Question

假设域名是 : http://www.48app.com

本人前端，出现错误时，首先与后台确认字段及加密方式是否正确，在他检查appid等字段之后，通过微信网页工具 http://mp.weixin.qq.com/debug... 进行验证，发现发送给我的字段信息，与工具导出的一模一样。

那么，问题应该来自于前端，我通过引入 http://res.wx.qq.com/open/js/... 此版本sdk，在进入页面时(需要用到sdk的页面) 调用 wx.config({params}), 需要注意我使用的是hash路由控制spa页面。 附带参数截图如下:

我在怀疑是我的url错误，从而后台的singnature出错，那么现在我跟您描述一下，我的实现过程。

预先说明

1. 我们的域名是(服务器绑定的域名地址) http://www.48app.com
2. 我需要使用sdk的页面(hash路由) http://www.48app.com/#/toggle...

实现过程

1. 首先在 toggle_community 页面当中，我按照文档中说明的，用location.href.split(“#”)[0] 获取到除去hash部分的域名部分:http://www.48app.com ，接着我把url后面如果出现参数就截取下来，与域名拼接到一起(其实就是过滤掉hash路由部分)。我也没有忘记 encodeUrlComponent 转码之后发送给后台.
2. 后台经过加密之后，返回给我这几个参数，我需要填写的字段只有 debug 与 jsApiList
3. 考虑到url的验证等问题，我把项目构建到了线上地址，用手机打开微信，正常流程进入页面之后，最后提示 无效的签名

Answer 1

我上次也遇到这个问题，是后台没配好
https://mp.weixin.qq.com/cgi-...

Answer 2

invalid signature就是签名无效，参照微信文档附录1，检查签名计算是否正确

Answer 3

如使用框架，先将框架的调试模式关闭（会在请求时候输出debug等信息，之前遇到过）。

Answer 4

签名错误，调试后台算法。把所有的参数以及最后的签名全部输出打印
https://mp.weixin.qq.com/debu...
去和微信给的校验工具做对比。先保证后端签名的正确性。