解决微信分享链接不能显示缩略

微信分享链接，如果不是公众号合法域名，分享或者转发出去的内容会被微信默认的图标替换，现在出解决方案，必须要调用JSSDK，必须要调用！

1. 需要有一个已经认证的微信公众号

2.按照官方文档依次配置域名，和后端动态获取签名的方法一步步进行，后端动态获取签名的方法，微信提供了demo，拿到自己的项目改一下就可以用的

3.我关键指出前端的JS代码

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

<script type="text/javascript">

var imgUrl = 'http://cdn-app-qn.colorv.cn/img/test/f511d8de5f770e35b1e6ba681115e0476b0a9e807d7c3-Xle0kk_fw658_36cfdf43fbe1c09187046ba228acb0c9.jpg'; // 分享后展示的一张图片                 

var lineLink = 'http://api.colorv.cn/pages/h5_demo'; // 点击分享后跳转的页面地址 可以写 var lineLin = location.href;

var descContent = "这是我要分享的内容的描述"; // 分享后的描述信息

var shareTitle = '彩视的分享，视频分享'; // 分享后的标题

$.ajax({

url: 'http://api.colorv.cn/pages/wechat/js_sdk_conf',

type: 'get',

dataType: 'json',

success: function(resp) {

wx.config({

debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: resp.data.appId, // 必填，公众号的唯一标识

timestamp: resp.data.timestamp, // 必填，生成签名的时间戳

nonceStr: resp.data.nonceStr, // 必填，生成签名的随机串

signature: resp.data.signature, // 必填，签名，见附录1

jsApiList: resp.data.jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

});

}

});

function shareFriend() {

                                // 用户确认分享后执行的回调函数

},

})

}

function shareTimeline() {

wx.onMenuShareTimeline({

title: shareTitle, // 分享标题

link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgUrl, // 分享图标

success: function() {

// 用户确认分享后执行的回调函数

},

})

}

function shareQQ() {

wx.onMenuShareQQ({

title: shareTitle, // 分享标题

desc: descContent, // 分享描述

link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgUrl, // 分享图标

success: function() {

// 用户确认分享后执行的回调函数

},

});

}

function shareQZone() {

wx.onMenuShareQZone({

title: shareTitle, // 分享标题

desc: descContent, // 分享描述

link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgUrl, // 分享图标

success: function() {

// 用户确认分享后执行的回调函数

},

});

}

function shareWeibo() {

wx.onMenuShareWeibo({

title: shareTitle, // 分享标题

desc: descContent, // 分享描述

link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgUrl, // 分享图标

success: function() {

// 用户确认分享后执行的回调函数

},

});

}

wx.ready(function(){

// 发送给好友

shareFriend();

// 分享到朋友圈

shareTimeline();

// 分享到qq

shareQQ();

// 分享到QZone

shareQZone();

// 分享到weibo

shareWeibo();

});

</script>

4.到此，分享你的URL，就可以看到缩略图了