最近開發(fā)h5網(wǎng)頁,在分享網(wǎng)頁到微信好友時,發(fā)現(xiàn)我的分享鏈接只有標(biāo)題和鏈接地址:
卻不像自定義微信分享鏈接一樣七婴,分享的鏈接像生成一張卡片,有對應(yīng)的標(biāo)題察滑,內(nèi)容和圖片:
上網(wǎng)搜了一下打厘,參考了H5網(wǎng)頁如何在微信中自定義分享鏈接(可設(shè)置標(biāo)題+簡介+圖片)這篇文章,在此匯總記錄一下:
要達(dá)到上圖自定義文案與圖標(biāo)的效果贺辰,必須要采用微信提供的JS-SDK户盯,微信JS-SDK是微信公眾平臺面向網(wǎng)頁開發(fā)者提供的基于微信內(nèi)的網(wǎng)頁開發(fā)工具包∷腔可參考微信JS-SDK說明文檔莽鸭。
接入步驟如下:
1、準(zhǔn)備一個備案的域名和空間吃靠,綁定域名到該空間去
2硫眨、登錄微信公眾平臺,進(jìn)入“公眾號設(shè)置”的功能設(shè)置里面填寫js接口安全域名巢块,這個是要填寫的是你微信瀏覽器要打開的域名地址礁阁,不能添加IP地址巧号。
3、引入js文件姥闭,在需要調(diào)用js接口的頁面接入JS文件丹鸿。
http://res.wx.qq.com/open/js/jweixin-1.2.0.js
4、通過config接口注入權(quán)限并驗證配置(這一步算是整個步驟中最關(guān)鍵的一步棚品,必須正確的配置信息才可以進(jìn)行調(diào)用JS-SDK卜高。
wx.config({
????debug:?true,?// 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù)南片,可以在pc端打開,參數(shù)信息會通過log打出庭敦,僅在pc端時才會打印疼进。
????appId:?'',?// 必填,公眾號的唯一標(biāo)識
????timestamp: ,?// 必填秧廉,生成簽名的時間戳
????nonceStr:?'',?// 必填伞广,生成簽名的隨機(jī)串
????signature:?'',// 必填,簽名疼电,見附錄1
????jsApiList: []?// 必填嚼锄,需要使用的JS接口列表,所有JS接口列表見附錄2
});