微信分享網頁不顯示縮略圖片的原因
為規范自定義分享鏈接功能在網頁上的使用,自2017年4月25日起,JSSDK“分享到朋友圈”及“發送給朋友”接口,自定義的分享鏈接,其域名或路徑必須與當前頁面對應的公眾號JS安全域名一致,否則將調用失敗。
也就是說如果你想你的網站在被分享時顯示縮略圖,那么你要有一個公眾號,並且在公眾號內設置JS安全域名,也就是添加你網站的網址,這是必須的,如果這一步不能實現,那么你不用往下看了。
一、最快的解決方法
如果你不是專業的程序員,雖然微信官方給出了代碼,以及我下面也會再次給出代碼,你可能仍然無法實現。因為在微信官方代碼與你的網站之間,還需要二次開發對接代碼,把微信代碼與你的網站連接起來,這個功能才能最終實現。同時因為每個網站的源程序不一樣,所以這個對接代碼也不能通用,需要根據你的網站程序單獨開發。
請在微信內打開鏈接分享測試。
二、微信官方辦法
步驟一:綁定域名
先登錄微信公眾平台進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。
步驟二:設置開發者密碼和IP白名單
登錄微信公眾平台,進入開發――基本配置――開發者密碼(AppSecret)和IP白名單
步驟三:引入JS文件
在需要調用JS接口的頁面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js
備注:支持使用AMD/CMD 標准模塊加載方法加載
步驟四:通過config接口注入權限驗證配置
所有需要使用JS-SDK的頁面必須先注入配置信息,否則將無法調用(同一個url僅需調用一次,對於變化url的SPA的web app可在每次url變化時進行調用)。
wx.config({
debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時才會打印。
appId: '', // 必填,公眾號的唯一標識
timestamp: , // 必填,生成簽名的時間戳
nonceStr: '', // 必填,生成簽名的隨機串
signature: '',// 必填,簽名,見附錄1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2
});
微信開發文檔說明:https://mp.weixin.qq.com/advanced/wiki?t=t=resource/res_main&id=mp1421141115
微信JS 接口簽名校驗工具https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign