分享带缩略图的网页链接到微信朋友圈[方法]

今天分享一个有意思的东西，大家平时在看到某个网站内容觉得还蛮有意思的，然后想分享到朋友圈的时候，为什么很多都不带缩略图了？这其实不能算是微信相关的限制，而是咱们没有找到方法去解决。
那如果咱们想把网页链接分享到朋友圈或直接发送给好友，我们会发现，转发的内容是一串文章标题，然后一个链接标志，而没有缩略图。
毕竟不是微信公众号相关的内容，分享的时候总归不会自动有缩略图。这乍一看会让人觉得很不正规，大家会以为你分享的会不会是个什么钓鱼网站而不敢点击。
分享带缩略图的网页链接到微信朋友圈的方法
那怎么样分享带缩略图的网页链接到微信朋友圈？
最最简单的办法：
以华为手机为例，可以把需要转发朋友圈的网址在别的浏览器上打开（如UC），然后在这个浏览器上转发朋友圈就可以显示缩略图。
以苹果手机为例，可以用苹果自带的浏览器，直接分享到微信朋友圈就可以！

配图：浏览器分享网址
其实是系统会自动抓取一个符合微信“口味”的缩略图，那样你分享的网页就帅气多了，正规多了吧！

网上很多人研究了个半天，各种讨论，咱们也放出来给大家参考学习一下吧。

1、没有服务号怎么办？
把分享图 img 标签放到后的第一个 div 里

<body>
<div class="shareimg"><img src="图片 url"></div>

2、微信6.5.5版本后，微信调整了分享规则。以前的没有通过认证公众号jssdk注入分享的都不是官方认可的分享。网上提供的很多jssdk代码都是局限于后台cms，并没有通用的方案！由于cms的异构性，容易导致签名无效等多因素导致的问题！还有ios和安卓不同的情况也时有导致分享不成功！本人帮朋友处理了几十起分享案例！有多种手段解决问题：动态（php，java，.net),静态（nodjs）等。

微信官方文档 如下：
分享接口
请注意，不要有诱导分享等违规行为，对于诱导分享行为将永久回收公众号接口权限，详细规则请查看：朋友圈管理常见问题
最新消息。。新版微信已经不支持非JSSDK的其他自定义分享内容了…..
请注意，原有的 wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone 接口，即将废弃。请尽快迁移使用客户端6.7.2及JSSDK 1.4.0以上版本支持的 wx.updateAppMessageShareData、wx.updateTimelineShareData接口。

自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）

wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
  wx.updateAppMessageShareData({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    success: function () {
      // 设置成功
    }
  })
});

自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）

wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
  wx.updateTimelineShareData({
    title: '', // 分享标题
    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    success: function () {
      // 设置成功
    }
  })
});

获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）

wx.onMenuShareTimeline({
  title: '', // 分享标题
  link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  imgUrl: '', // 分享图标
  success: function () {
  // 用户点击了分享后执行的回调函数
  }
},

获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）

wx.onMenuShareAppMessage({
  title: '', // 分享标题
  desc: '', // 分享描述
  link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  imgUrl: '', // 分享图标
  type: '', // 分享类型,music、video或link，不填默认为link
  dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
  success: function () {
    // 用户点击了分享后执行的回调函数
  }
});

原文链接：https://letus.top/archives/250.html，转载请注明出处来自[徐伟轩博客]。