最近修改了一下转发链接到朋友和分享朋友圈没有缩略图的问题，以前都可以直接抓取的，现在官方改了，只能用微信JS-SDK接口。话不多说，进入正题。
1、在认证好的公众号里面配置业务域名和JS接口安全域名，具体位置在微信公众号平台，设置—公众号设置—功能设置。
2、需要用到的文件：
这里有写好的模板，我这里只用了php的，自己改了一下前端的分享模板。
链接：/s/1zYd-m4lfUxarCdLhs3KW0w提取码：rwzy
3、其他的在网盘下载就好了，我这里写一下sample.php 我改动的地方（.4.9更新 官方改了接口）：
<?phprequire_once "jssdk.php";$jssdk = new JSSDK("wxdcxxxxxxxxxxxxxxxx", "ae8xxxxxxxxxxxxxxxxxxxxxxxxx"); //APPID和SECRET$signPackage = $jssdk->GetSignPackage();?><!DOCTYPE html><html lang="en"><head><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>益呼易吸防治慢性病呼吸疾病健康四川行</title><!-- <script type="text/javascript" src="https://res./open/js/jweixin-1.0.0.js"></script> 这个旧了，用下面官方的新版本--><script type="text/javascript" src="https://res./open/js/jweixin-1.6.0.js"></script><script>wx.config({debug: false, // 开启调试模式,上线之后改成false，测试的时候用trueappId: '<?php echo $signPackage["appId"];?>', // 必填，公众号的唯一标识timestamp: <?php echo $signPackage["timestamp"];?>, // 必填，生成签名的时间戳nonceStr: '<?php echo $signPackage["nonceStr"];?>', // 必填，生成签名的随机串signature: '<?php echo $signPackage["signature"];?>', // 必填，签名//jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填，需要使用的JS接口列表 改改改jsApiList: ['updateTimelineShareData','updateAppMessageShareData'] // 必填，需要使用的JS接口列表});wx.ready(function () {//监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口//wx.onMenuShareTimeline({ 改改改wx.updateTimelineShareData({title: '益呼易吸防治慢性病呼吸疾病健康四川行',link: '/t.php',imgUrl: '/yhyx17_1.jpg', //缩略图，建议尺寸小一点，弄成正方形trigger: function (res) {// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回alert('用户点击分享到朋友圈');},success: function (res) {alert('已分享');},cancel: function (res) {alert('已取消');},fail: function (res) {alert(JSON.stringify(res));}});//监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口//wx.onMenuShareAppMessage({ 改改改wx.updateAppMessageShareData({title: '益呼易吸防治慢性病呼吸疾病健康四川行',desc: '国家二级|呼吸专科医院，致力于支气管哮喘、肺气肿、肺心病、慢阻肺、支气管扩张、间质性肺疾病等呼吸系统疾病的临床治疗和研究。是一所集预防、医疗、保健、康复、急救、科研、公益、慈善于一体的专家型、研究型医院。',link: '/t.php',imgUrl: 'https:///yhyx17_1.jpg', //缩略图，建议尺寸小一点，弄成正方形trigger: function (res) {// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回alert('用户点击发送给朋友');},success: function (res) {alert('已分享');},cancel: function (res) {alert('已取消');},fail: function (res) {alert(JSON.stringify(res));}});});</script><body></body></html>
效果如下：
经常关注下官方文档：
概述 | 微信开放文档-JS-SDK
还有一个注意事项，微信有缓存的，代码写好测试的时候好几次都没成功，建议可以先用手机自带的浏览器打开，然后用浏览器分享到微信，再点开刚刚分享过来的卡片式链接，再度分享一次到好友就能成功显示上面的效果图。
