微信网页分享时不显示描述只显示地址的解决方法

 

参照：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 附录5-常见错误及解决方法

invalid url domain

当前页面所在域名与使用的appid没有绑定，请确认正确填写绑定的域名，仅支持80（http）和443（https）两个端口，因此不需要填写端口号（一个appid可以绑定三个有效域名）

需要在公众号平台中设置js安全域名添加分享页的域名

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后面的部分。

这一步要特别注意分享出来的地址和wx.config中的link的域名和网络协议必须保持一致。

4.确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。

config中appid必须与公众号中配置的app一致。appid,appsecret是否一致可以通过如下地址验证：

https://mp.weixin.qq.com/debug?token=2058988832&lang=zh_CN

5.确保一定缓存access_token  和 jsapi_ticket。

上图中的CURLOPT_SSL_VERIFYPEER需要设置为false

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

7.  潜在问题：

分享api中的部分方法在微信后期的api计划中不再支持。可能需要关注或者现在就改掉

请注意，原有的 wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone 接口，即将废弃。请尽快迁移使用客户端6.7.2及JSSDK 1.4.0以上版本支持的 wx.updateAppMessageShareData、updateTimelineShareData 接口。

参照：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115分享接口的描述

7. 调试方法：

wx.config中将debug设置为false.即可以在wx内置浏览器中以alert和console的形式看到提示（如果有错的话）；

其中要在console中看到错误提示需要通过微信web开发者工具。

微信web开发者工具下载地址参照：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140