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

时间:2021-08-30 06:54:17
<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>

  

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