當前位置:成語大全網 - 書法字典 - 如何自定義微信中H5網頁的分享鏈接(標題+簡介+可設置)

如何自定義微信中H5網頁的分享鏈接(標題+簡介+可設置)

最近開發了壹個h5網頁。當我把網頁分享給我的微信好友時,我發現我的分享鏈接只有標題和鏈接地址:

但是,與自定義的微信分享鏈接不同,分享鏈接就像生成壹張卡片,上面有相應的標題、內容和圖片:

上網搜了壹下,參考了《如何在微信中自定義H5網頁的分享鏈接(可以設置標題+簡介+圖片)》壹文,在此想總結記錄壹下:

要達到上圖定制文案和圖標的效果,必須采用微信提供的JS-SDK,這是微信公眾平臺為web開發者提供的基於微信的web開發工具包。請參考微信JS-SDK文檔。

訪問步驟如下:

1.準備壹個域名和空間備案,把域名和空間綁定。

2.登錄微信公眾平臺,進入“微信官方賬號設置”功能設置,填寫js接口安全域名。這是妳的微信瀏覽器要打開的域名地址,不能添加IP地址。

3.引入js文件,在需要調用js接口的頁面上訪問JS文件。

/open/js/jweixin-1 . 2 . 0 . js

4.通過config接口註入權限,驗證配置(這壹步是整個步驟中最關鍵的壹步,只有配置信息正確才能調用JS-SDK。

wx.config({

調試:?真的嗎?//打開調試模式,所有被調用API的返回值都會顯示在客戶端預警中。如果想查看進來的參數,可以在pc端打開,參數信息會通過日誌打出來,日誌只會在pc端打印出來。

appId:?'',?//必選,微信官方賬號唯壹標識。

時間戳:,?//必需,生成簽名的時間戳。

非中心:?'',?//必需,生成隨機簽名字符串。

簽名:?,//必選,簽名,見附錄1。

jsApiList: []?//必選,要使用的JS接口列表。有關所有JS接口的列表,請參見附錄2。

});