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

Posted 2020-11-01 Champion-水龙果

<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://xxxxx.com/指定页面链接‘; // 点击分享后跳转的页面地址 可以写 var lineLin = location.href;  
  
var descContent = "这是我要分享的内容的描述"; // 分享后的描述信息  
  
var shareTitle = ‘彩视的分享，视频分享‘; // 分享后的标题  
  
$.ajax({  
  
url: ‘http://xxxxx.com/api/getTicketList‘,  //后台获取js的接口列表  
  
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>