建站過程中,很多人喜歡通過微信分享自己的網(wǎng)址給朋友或者發(fā)送到朋友圈,尤其是一些H5的活動網(wǎng)頁,但發(fā)現(xiàn)分享出去始終不是那么盡如人意,比如:
首先不好看,而且客戶也希望自定義標題、說明文字和圖片
希望是這樣:
那如何才能實現(xiàn)呢,今天我給大家分享下如何實現(xiàn)
當然網(wǎng)上也有很多的教程,但我發(fā)現(xiàn)都不完善,沒有完整的代碼,因為要對接微信SDK,如果不是很熟悉的朋友,估計是很難成功的,所以我今天直接上干貨,下載我的源碼,簡單幾個設置就可以了。
要完成這個效果,需要以下幾個前提條件
1、要有經(jīng)過認證的企業(yè)微信公眾號
這個估計很多個人站長就尷尬了,如果沒有也可以聯(lián)系我,通過我們的公眾號給你設置。
2、域名需要備案,用二級域名就可以
具備以上前提條件的,就可以下載我的源碼,下載后解壓如下:
將WeChat.php放到你的網(wǎng)站根目錄
index.hmtl是demo文件,部署到你的項目里
下面具體說下如何修改這兩個文件
第一步:
從微信公眾號獲取appid 和密鑰,填到上面的位置,wechat.php這個文件只需要修改這個即可,修改完成,保存后放到你網(wǎng)站根目錄。
第二步,
1、設置js安全域名
2、設置ip白名單
這個步驟都在微信公眾號里設置
第三步
打開html文件
將這個頁面的網(wǎng)址修改成你需要分享的網(wǎng)址,這個一定要注意和你設置的js安全域名要保持一致哦
測試的時候可以將debug改成1,方便調試,正式運行的時候改成0
相關標題 、描述、網(wǎng)址、圖片鏈接請按照demo的修改,記住圖片一定是絕對地址。
教程完畢
下載地址:
鏈接:https://pan.baidu.com/s/1Swm3dxF0njrZEPAvLFAbzg
提取碼:thvn