分享网页到微信朋友圈，怎样才能带缩略图？-创新互联

这一招本来是屡试不爽的。本人也已经有挺长时间没有做微信中的H5了，直到这两天，因为手头要做一个简单的微信H5，所以拾掇拾掇又用了这招。没想到，这次居然失效了。不管怎么试，分享朋友圈的时候，缩略图都出不来。一直是这么个默认的图标：

然后再去网上看了下，这才发现微信团队在今年3月29号就发了一篇文章《JSSDK自定义分享接口的策略调整》，里面明确说明了：

为规范自定义分享链接功能在网页上的使用，自2017年4月25日起，JSSDK“分享到朋友圈”及“发送给朋友”接口，自定义的分享链接，其域名或路径必须与当前页面对应的公众号JS安全域名一致，否则将调用失败。

例如，当前页面是 http://www.abc.com/123，其公众号对应的JS安全域名为 http://www.abc.com 以及 http://www.xyz.com，则分享自定义链接 http://www.abc.com/456 可以成功，分享 http://www.xyz.com/123 或 http://www.def.com/123 均将失败。

对于未接入微信JSSDK或已接入但JSSDK调用失败的网页，被用户分享时，分享卡片将统一使用默认缩略图和标题简介，不允许自定义。

接口完整用法请参考《微信JSSDK说明文档》，请开发者及时完成调整。

好吧。还好我手头服务号和企业号（还没有升级到企业微信）的认证账号都有。我看了下，两者的文档分别在以下地址的“分享接口”部分（其实没啥大区别）：

服务号：https://mp.weixin.qq.com/wiki?

企业号：微信JS-SDK接口 - 企业号开发者接口文档

因为手头要推的东西是放在企业号里的，于是以企业号为例，简要说明一下开发过程。

首先，在页面中引入微信的JS-SDK的JS文件。