解决微信转发到朋友圈没有获取页面头像以图标展示。

Posted 2020-09-24 记录下自己走过前端的坑~

http://203.195.235.76/jssdk/#menu-webview  微信JS-SDK demo

https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign  微信js接口签名校验工具

做移动页面要加入微信官方的jssdk的 js 还有wx.config配置。

如果出现signature 报错提示，说明页面本身的url和签名生成的不一致：

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

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的实现方式。如果是html的静态页面在前端通过ajax将url传到后台签名，前端需要用js获取当前页面除去‘#‘hash部分的链接（可用location.href.split(‘#‘)[0]获取,而且需要encodeURIComponent），因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。

　　

1：在微信公众号后台配置js 安全域名，即需要引入jssdk的页面域名。 需要在域名根目录下放置微信的检测文件。

2：配置出ip白名单

3：后台开发人员生成签名传递给前台

4：前端页面引入script方式 jssdk文件

5：通过ajax获取config 配置，完成config 配置后即可使用jssdk的各项功能了。