如何讓H5網(wǎng)頁(yè)在微信分享后,可以看到標(biāo)題縮略圖等分享信息?
時(shí)間:2023-11-17 12:42:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-11-17 12:42:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
如何讓H5網(wǎng)頁(yè)在微信分享后,可以看到標(biāo)題縮略圖等分享信息?:H5網(wǎng)頁(yè)分為兩種,一種是
代碼開(kāi)發(fā),第二種是
第三方H5工具實(shí)現(xiàn)。
下面就針對(duì)這兩種情況作實(shí)現(xiàn)方法說(shuō)明:
【第一種:代碼開(kāi)發(fā)】
HTML包信息說(shuō)明
微信分享轉(zhuǎn)發(fā)相關(guān)變量- // 在導(dǎo)出網(wǎng)頁(yè)index.html中已經(jīng)對(duì)如下變量進(jìn)行初始化設(shè)置
- var msgTitle ; // 微信轉(zhuǎn)發(fā)標(biāo)題
- var msgContent; // 微信分享轉(zhuǎn)發(fā)描述
- var imgUrl; // 微信分享縮略圖
- var message_link; // 微信分享轉(zhuǎn)發(fā)網(wǎng)址
微信JSSDK接入配置信息完整的文檔:《H5作品導(dǎo)出HTML包》
也可以自己另外開(kāi)發(fā)實(shí)現(xiàn),但需要要確保 wx_permissions 初始化正確。
【第二種:H5工具實(shí)現(xiàn)】
一般這類工具支持綁定認(rèn)證的訂閱號(hào)或服務(wù)號(hào),只要填入正確的appId和secret(密鑰)就可以調(diào)用分享標(biāo)題、分享描述和分享縮略圖等信息。
像專業(yè)的H5頁(yè)面制作工具
Epub360 提供默認(rèn)的公眾號(hào)免費(fèi)使用,就只需要填寫享標(biāo)題、分享描述和分享縮略圖等信息就可以了,當(dāng)然如果你有自己的認(rèn)證的公眾號(hào)也可以用自己的。
另外,使用epub360 H5工具制作的網(wǎng)頁(yè)也支持導(dǎo)出部署自己的服務(wù)器,Epub360 H5導(dǎo)出HTML包部署,可獨(dú)立到第三方服務(wù)器。完成部署后,如何對(duì)接微信接口功能,同樣適合上述第一種的微信分享設(shè)定。