前端微信签名验证工具_微信jssdk 签名错误排查方法

最近手头业务，移动端页面在微信浏览器中分享转发的时候没有缩率图，只有标题和链接，如下：

无缩略图的情况

按照微信的官网自定义分享功能，引入jssdk ，结果调试，一直报错 签名错误，invalid signature。

按照微信公众平台的开发文档，签名错误排查方法如下：

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。

(6)确保你获取用来签名的url是动态获取的，动态页面可参见实例代码中php的实现