使用微信接口自定義分享的網(wǎng)頁信息（縮略圖，標(biāo)題，描述）

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

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

然后把自己服務(wù)器的ip加到白名單里面，可以設(shè)置多個(gè)。在"設(shè)置"-"安全中心"

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

獲取好了需要的數(shù)據(jù)之后填寫在對(duì)應(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,?//?分享圖標(biāo)
?
success:?function?()?{
?
},
?
cancel:?function?()?{
?
}
?
});
?
?
wx.onMenuShareAppMessage({
?
title:?title,?//?分享標(biāo)題
?
desc:?desc,?//?分享描述
?
link:?currLink,?//?分享鏈接
?
imgUrl:?imgUrl,?//?分享圖標(biāo)
?
type:?'',?//?分享類型,music、video或link，不填默認(rèn)為link
?
dataUrl:?'',?//?如果type是music或video，則要提供數(shù)據(jù)鏈接，默認(rèn)為空
?
success:?function?()?{
?
},
?
cancel:?function?()?{
?
}
?
});
?
?
wx.onMenuShareQQ({
?
title:?title,?//?分享標(biāo)題
?
desc:?desc,?//?分享描述
?
link:?currLink,?//?分享鏈接
?
imgUrl:?imgUrl,?//?分享圖標(biāo)
?
type:?'',?//?分享類型,music、video或link，不填默認(rèn)為link
?
dataUrl:?'',?//?如果type是music或video，則要提供數(shù)據(jù)鏈接，默認(rèn)為空
?
success:?function?()?{
?
},
?
cancel:?function?()?{
?
}
?
});
?
});

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

GetwxLink