[發(fā)明專利]一種基于強(qiáng)離線包的H5頁(yè)面解析方法

有效

• 申請(qǐng)?zhí)枺?/td>: 201810523933.7
• 申請(qǐng)日: 2018-05-28
• 公開（公告）號(hào): CN108762807B
• 公開（公告）日: 2022-03-25
• 發(fā)明（設(shè)計(jì)）人: 邵增光
• 申請(qǐng)（專利權(quán)）人: 北京酷我科技有限公司
• 主分類號(hào): G06F8/71
• 分類號(hào): G06F8/71
• 代理公司: 北京國(guó)標(biāo)律師事務(wù)所 11753
• 代理人: 姚克楓

本發(fā)明涉及一種基于強(qiáng)離線包的H5頁(yè)面解析方法，包括如下步驟：生成離線包及相應(yīng)的配置文件，將離線包預(yù)置到服務(wù)器中，設(shè)定為APP啟動(dòng)后必須下載，構(gòu)成強(qiáng)離線包，APP啟動(dòng)時(shí)檢查配置文件，確定是否存在強(qiáng)離線包，如果存在，則將強(qiáng)離線包下載至客戶端本地，當(dāng)APP訪問離線包對(duì)應(yīng)的H5頁(yè)面時(shí)，直接從下載完畢的強(qiáng)離線包解析H5頁(yè)面。本發(fā)明，對(duì)頻繁使用的H5頁(yè)面優(yōu)先更新，保證更新的及時(shí)性及可靠性，更新方便、快捷，兼顧更新效率及節(jié)省流量，提升用戶體驗(yàn)，開發(fā)效率及后期維護(hù)均有所提升。

技術(shù)領(lǐng)域

本發(fā)明涉及Native和H5混合開發(fā)技術(shù)領(lǐng)域，具體說是一種基于強(qiáng)離線包的H5頁(yè)面解析方法。

背景技術(shù)

現(xiàn)在的APP，很多是Native和H5混合開發(fā)的，主要的實(shí)現(xiàn)思想是：用H5做頁(yè)面，以JS為橋梁，調(diào)用Native方法，Native用WebView裝載H5頁(yè)面，控制H5頁(yè)面，這樣實(shí)現(xiàn)了H5與Native的交互。這樣做的好處是各個(gè)端只需要一套頁(yè)面，維護(hù)成本低，而且H5可以隨便修改，APP不用升級(jí)也可以更新，曲線實(shí)現(xiàn)了“熱更新”。但是在性能上，肯定沒有純Native好，而且在體驗(yàn)上也沒有Native那么好。

H5是html5的簡(jiǎn)稱。HTML最新的修訂版本，是一種超文本標(biāo)記語(yǔ)言。H5先調(diào)用系統(tǒng)的瀏覽器內(nèi)核，相當(dāng)于是在網(wǎng)頁(yè)中進(jìn)行操作，較Native穩(wěn)定性稍差、速度較慢。優(yōu)點(diǎn)在于可以跨平臺(tái)，同時(shí)開發(fā)容易、效率高、方便調(diào)試。

Native使用原生系統(tǒng)內(nèi)核，相當(dāng)于直接在系統(tǒng)上操作，更加穩(wěn)定、快速，可以使用非常非常多的API，因此開發(fā)出來(lái)的功能較佳。

通常，Native和H5混合開發(fā)采用以下方案：

重要模塊是Native開發(fā)，保證了APP的流暢度和比較好的用戶體驗(yàn)；

要求及時(shí)更新的模塊是H5開發(fā)，如比賽頁(yè)面，廣告活動(dòng)頁(yè)面，因?yàn)橛肏5開發(fā)的好處是開發(fā)周期短，可以在線更新。

由于H5頁(yè)面的解析、訪問需要網(wǎng)絡(luò)支持，在沒有網(wǎng)絡(luò)的情況下，相應(yīng)的網(wǎng)絡(luò)請(qǐng)求不能及時(shí)得到服務(wù)器的響應(yīng)，將影響用戶體驗(yàn)，也不利于開發(fā)時(shí)對(duì)APP的測(cè)試。

發(fā)明內(nèi)容

針對(duì)現(xiàn)有技術(shù)中存在的缺陷，本發(fā)明的目的在于提供一種基于強(qiáng)離線包的H5頁(yè)面解析方法，對(duì)頻繁使用的H5頁(yè)面優(yōu)先更新，保證更新的及時(shí)性及可靠性，更新方便、快捷，兼顧更新效率及節(jié)省流量，提升用戶體驗(yàn)，開發(fā)效率及后期維護(hù)均有所提升。

為達(dá)到以上目的，本發(fā)明采取的技術(shù)方案是：

一種基于強(qiáng)離線包的H5頁(yè)面解析方法，其特征在于，包括如下步驟：

生成離線包，所述離線包采用zip格式壓縮，其中包含一個(gè)H5頁(yè)面或一組相關(guān)聯(lián)的H5頁(yè)面，

將離線包預(yù)置到服務(wù)器中，設(shè)定為APP啟動(dòng)后必須下載，構(gòu)成強(qiáng)離線包，

生成配置文件，所述配置文件通過離線包ID唯一標(biāo)識(shí)各離線包，通過版本號(hào)唯一標(biāo)識(shí)離線包的版本信息，通過強(qiáng)制下載標(biāo)識(shí)唯一標(biāo)識(shí)強(qiáng)離線包，

將配置文件預(yù)置到服務(wù)器中，

APP安裝包安裝到客戶端后，APP啟動(dòng)時(shí)檢查配置文件，確定是否存在強(qiáng)離線包，

如果存在，則向服務(wù)器發(fā)送請(qǐng)求，將強(qiáng)離線包下載至客戶端本地，

當(dāng)APP訪問離線包對(duì)應(yīng)的H5頁(yè)面時(shí)，直接從下載完畢的強(qiáng)離線包解析H5頁(yè)面。

在上述技術(shù)方案的基礎(chǔ)上，所述離線包，其中至少包括：

HTML代碼，CSS代碼，JS代碼和靜態(tài)圖片。

在上述技術(shù)方案的基礎(chǔ)上，所述強(qiáng)離線包中包括APP啟動(dòng)后展示幾率大于等于160%的模塊，所述模塊包括H5頁(yè)面。