創(chuàng)新互聯(lián)建站長期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為甘肅企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都做網(wǎng)站，甘肅網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

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

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

然后把自己服務(wù)器的ip加到白名單里面，可以設(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,?//?分享圖標(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)式過程中你可能會遇到各種問題，這時候可以看看官方文檔。這個也不復(fù)雜，需要的就是耐心調(diào)試，感興趣的朋友快去試試吧，有不明白的歡迎留言

GetwxLink

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

標(biāo)題名稱：使用微信接口自定義分享的網(wǎng)頁信息（縮略圖，標(biāo)題，描述）-創(chuàng)新互聯(lián)
分享路徑：http://weahome.cn/article/dcsocp.html