微信分享網頁不顯示縮略圖片的緣由程序員
爲規範自定義分享連接功能在網頁上的使用,自2017年4月25日起,JSSDK「分享到朋友圈」及「發送給朋友」接口,自定義的分享連接,其域名或路徑必須與當前頁面對應的公衆號JS安全域名一致,不然將調用失敗。web
也就是說若是你想你的網站在被分享時顯示縮略圖,那麼你要有一個公衆號,而且在公衆號內設置JS安全域名,也就是添加你網站的網址,這是必須的,若是這一步不能實現,那麼你不用往下看了。api
1、最快的解決方法安全
若是你不是專業的程序員,雖然微信官方給出了代碼,以及我下面也會再次給出代碼,你可能仍然沒法實現。由於在微信官方代碼與你的網站之間,還須要二次開發對接代碼,把微信代碼與你的網站鏈接起來,這個功能才能最終實現。同時由於每一個網站的源程序不同,因此這個對接代碼也不能通用,須要根據你的網站程序單獨開發。微信
請在微信內打開連接分享測試。微信開發
2、微信官方辦法app
步驟一:綁定域名微信公衆平臺
先登陸微信公衆平臺進入「公衆號設置」的「功能設置」裏填寫「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