成都創(chuàng)新互聯(lián)專注于昆山網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供昆山營銷型網(wǎng)站建設(shè)，昆山網(wǎng)站制作、昆山網(wǎng)頁設(shè)計、昆山網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造昆山網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供昆山網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

今天分享一個實用功能，就是網(wǎng)站內(nèi)容分享到微信朋友圈帶縮略圖，一般網(wǎng)友可能沒注意，默認直接分享是沒縮略圖的，那怎么實現(xiàn)這個功能呢，微信開發(fā)團隊已經(jīng)幫我們開發(fā)好了接口，我們調(diào)用就可以了。

首先我們需要一個認證了的微信公眾號，目前一個微信公眾號可以綁定3個網(wǎng)站，在"設(shè)置"-"公眾號設(shè)置"-"功能設(shè)置"

然后把自己

配置好了之后就可以，調(diào)試代碼了。微信提供了幾個demo，可以根據(jù)自己的網(wǎng)站語言去下載。常見的大部分網(wǎng)站是用php語言寫的。本文就用php為例。下載好了對應(yīng)的demo文件之后，需要修改的也長差不多是3個文件程序，主頁，列表，詳情頁面，這3個頁面調(diào)用微信接口，然后把值分配到模板里面去，大部分的網(wǎng)站是程序和html文件分離的，如果你的代碼是混合寫的就省去了一個步驟。

獲取好了需要的數(shù)據(jù)之后填寫在對應(yīng)的值里面，下面是主要的html調(diào)用代碼，根據(jù)程序那邊分配的變量輸出數(shù)據(jù)

var?currLink?=?location.href.split('#')[0];
?
var?title?=?'GetwxLink';
?
var?imgUrl?=?'http://www.gettool.cn/GetwxLink/';
?
var?desc?=?'web?desc';
?
wx.config({
?
//?debug:?true,
?
appId:?'wx7cd9d5fd98****',
?
timestamp:?1525050****,
?
nonceStr:?'MNCoBRfI43d****',
?
signature:?'b352682b94b63ca5058b1c1ead821db35c*****',
?
jsApiList:?['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ']
?
});
?
?
wx.hideOptionMenu();
?
wx.ready(function(){
?
wx.showOptionMenu();
?
wx.onMenuShareTimeline({
?
title:?title,?//
?
link:?currLink,?//?分享鏈接
?
imgUrl:?imgUrl,?//?分享圖標
?
success:?function?()?{
?
},
?
cancel:?function?()?{
?
}
?
});
?
?
wx.onMenuShareAppMessage({
?
title:?title,?//?分享標題
?
desc:?desc,?//?分享描述
?
link:?currLink,?//?分享鏈接
?
imgUrl:?imgUrl,?//?分享圖標
?
type:?'',?//?分享類型,music、video或link，不填默認為link
?
dataUrl:?'',?//?如果type是music或video，則要提供數(shù)據(jù)鏈接，默認為空
?
success:?function?()?{
?
},
?
cancel:?function?()?{
?
}
?
});
?
?
wx.onMenuShareQQ({
?
title:?title,?//?分享標題
?
desc:?desc,?//?分享描述
?
link:?currLink,?//?分享鏈接
?
imgUrl:?imgUrl,?//?分享圖標
?
type:?'',?//?分享類型,music、video或link，不填默認為link
?
dataUrl:?'',?//?如果type是music或video，則要提供數(shù)據(jù)鏈接，默認為空
?
success:?function?()?{
?
},
?
cancel:?function?()?{
?
}
?
});
?
});

這樣差不多就完成了，當(dāng)然在調(diào)式過程中你可能會遇到各種問題，這時候可以看看官方文檔。這個也不復(fù)雜，需要的就是耐心調(diào)試，感興趣的朋友快去試試吧，有不明白的歡迎留言

GetwxLink