微信网页开发异常——签名失败

Posted 2022-11-13 打杂工程师

错误信息： "errMsg": "config:invalid signature"
错误原因：微信分享的时候，需要在页面中配置签名，时间戳，随机数等信息，但是生成的签名和微信公众号的签名不一致。
解决方案：      按照如下顺序检查：
          1.确认签名算法正确，可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign  页面工具进行校验。
2.确认config中nonceStr（js中驼峰标准大写S）, timestamp与用以签名中的对应noncestr, timestamp一致。
3.确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认)，包括'http(s)://'部分，以及'？'后面的GET参数部分,但不包括'#'hash后面的部分。
4.确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。
5.确保一定缓存access_token和jsapi_ticket。

另：知识点补充，由于自己也是第一次接触，本以为签名中用到的那个url地址是一个静态的项目中的地址，所以在生成的签名和用户点击的时候生成的签名不一致。             正确的签名思路：生成的签名是一个动态的url地址+时间戳（timestamp）+随机数（ nonceStr）生成的。而如果是html的静态页面在前端通过ajax将url传到后台签名，前端需要用js获取当前页面除去'#'hash部分的链接（可用location.href.split('#')[0]获取,而且需要encodeURIComponent），因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。如果是jsp页面，则需要通过systemUrl+request.getQueryString()来获取。