分享！微信自定義分享鏈接的標題（描述和圖片）都是怎么實現的？

自定義微信鏈接是什么？

自定義微信分享鏈接是指將一條網頁鏈接通過微信轉發接口轉發出去生成一張卡片，並且該卡片的標題，內容和圖片都可以自己編輯。如下圖效果

 

● 自定義后的網頁鏈接示例（帶標題，內容簡介，縮略圖）

 

● 未自定義的網頁鏈接

 

 

如上圖，如果不做相關處理，頁面進行二次分享，用戶看到的要么就是鏈接，要么就是沒有內容介紹＋空圖，上面顯示的文案實際上是獲取的title標簽中的文案，我在網上查的相關例子有說明，圖片如果不設置，將會自動獲取瀏覽器渲染的第一張圖片，經過個人測試，並沒有實現（朋友圈同理，不做圖片展示）。

 

解決方案

方法1：使用快兔工具箱

1、進入官網鏈接

http://www.w1card.cn

2、需准備材料

准備鏈接+自定義的標題+自定義的內容+logo

3、制作微信圖文鏈接 

 

方法2：對接快兔工具箱接口

1、需准備材料

① 分享標題+描述+logo

② 自己的分享域名

③ 對接接口自動生成

 

方法3：對接SDK 

微信JS-SDK是微信公眾平台面向網頁開發者提供的基於微信內的網頁開發工具包。可參考微信JS-SDK說明文檔。

具體步驟如下：

1、准備一個備案的域名和空間，綁定域名到該空間去

2、登錄微信公眾平台，進入“公眾號設置”的功能設置里面填寫js接口安全域名，這個是要填寫的是你微信瀏覽器要打開的域名地址，不能添加IP地址。

3、引入js文件，在需要調用js接口的頁面接入JS文件。

http://res.wx.qq.com/open/js/jweixin-1.2.0.js

　　

4、通過config接口注入權限並驗證配置（這一步算是整個步驟中最關鍵的一步，必須正確的配置信息才可以進行調用JS-SDK。

wx.config({
    debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
    appId: '', // 必填，公眾號的唯一標識
    timestamp: , // 必填，生成簽名的時間戳
    nonceStr: '', // 必填，生成簽名的隨機串
    signature: '',// 必填，簽名，見附錄1
    jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
});