網(wǎng)站的數(shù)據(jù)同步到小程序后,可能或多或少會有一些問題,例如網(wǎng)站文章的正文中有video視頻組件,而本文將介紹智能小程序的rich-text中又不支持video視頻組件的解決方案。小程序目前已經(jīng)熱到甚至超過網(wǎng)站,要不是網(wǎng)站是一切的基礎,可能做小程序的客戶比做網(wǎng)站的客戶還要多。但我們依然無法忽略小程序的不足,那就是還沒有辦法完全兼容所有網(wǎng)站上的數(shù)據(jù)。正如剛剛提到的video視頻組件,我們遇到問題的時候也咨詢過官方,但可能在很長一段時間里是不會更新的。于是我們整理了兩個解決方案給大家參考。
一、使用插件。
百度智能小程序使用bdParse,微信智能小程序使用wxParse,根據(jù)bdParse的介紹,它是智能小程序富文本解析工具,改造自wxParse,支持html轉換成智能小程序富文本節(jié)點。創(chuàng)絡查看了插件的介紹、用戶使用的反饋和評價,應該有很高的可用性,是可以解決rich-text中又不支持video視頻組件的這個問題。使用方法也比較簡單,大家可以在開發(fā)文檔中搜索關鍵詞,參考官方說明進行開發(fā)使用。
二、程序解決。
使用插件固然方便,但是經(jīng)過分析,我們覺得插件的體積略微大了一點:超過300KB。可能大伙覺得300KB也不大呀,這么小。但是如果不使用插件,我們開發(fā)好的所有功能的一個常規(guī)小程序可能不到100KB,而且小程序包的總大小不能超過2MB。所以,使用一個300多KB的插件僅僅用來解決視頻播放有點不劃算。因此我們自己通過修改程序,成功解決了這個問題。由于我們主要進行PHP網(wǎng)站開發(fā),代碼可能對其他語言開發(fā)者意義不大,因此,在這里我們將思路分享給大家,希望能夠幫助到你,思路示意圖如下:
最終的實現(xiàn)效果如下圖所示:
方案二的效果我們覺得好一點,只是會需要工程師辛苦一點,寫多一些數(shù)據(jù)處理代碼。雖然最終是使用多個rich-text加video實現(xiàn),并不是真正的在rich-text中使用video,但在界面上用戶感知不到任何差異,而且多寫的這一些代碼可能連3K都不到,最終使用的也是小程序原生的組件,推薦大家采用方案二。