[發明專利]一種基于Hybrid App中動態跳轉Hybrid頁面的方法及系統

有效

• 申請號: 201610246301.1
• 申請日: 2016-04-20
• 公開（公告）號: CN107305553B
• 公開（公告）日: 2020-02-07
• 發明（設計）人: 朱德偉;李樹前;李偉奇
• 申請（專利權）人: 北京京東尚科信息技術有限公司;北京京東世紀貿易有限公司
• 主分類號: G06F16/954
• 分類號: G06F16/954
• 代理公司: 11219 中原信達知識產權代理有限責任公司
• 代理人: 張一軍;姜勁

本發明提供一種基于Hybrid App中動態跳轉Hybrid頁面的方法及系統，該方法包括：下載或更新Hybrid App的Hybrid模塊至本地該Hybrid App中；在該Hybrid App中創建或更新跳轉配置文件，該跳轉配置文件用于記錄該Hybrid App中所有頁面的頁面屬性以及設置跳轉頁面的頁面屬性；當該Hybrid App中的頁面發生點擊操作時，當前頁面根據該跳轉配置文件跳轉至預設頁面；如果跳轉的該預設頁面為原生頁面，那么就加載顯示該預設頁面；如果該預設頁面是該Hybrid頁面，那么就根據最新版本的Hybrid模塊加載顯示該預設頁面。通過本發明不僅Hybrid模塊在啟動時進行下載，而且可以動態選擇跳轉原生頁面還是Hybrid頁面。如果選擇了Hybrid頁面，那么在切換網頁的時候就可以直接進行加載，加載網頁速度快，用戶體驗好。

技術領域

本發明涉及計算機軟件技術領域，具體涉及一種基于Hybrid App中動態跳轉Hybrid頁面的方法及系統。

背景技術

根據不同業務需要對移動客戶端中的某些頁面進行替換或更新，例如，對于網上購物平臺的活動頁面，根據不同的節日就需要下發新活動頁面(移動客戶端界面的全部更換)，或者有時候要動態修改某個頁面的整體布局和功能。

如果切換的頁面是通過原生代碼開發，那么該原生頁面就無法通過服務器下發及時進行更換，但是由于原生頁面可能沒做跳轉網頁的邏輯，因此導致無法切換網頁。如果切換的頁面是一個Html5(以下簡稱H5)頁面，雖然H5頁面可以在遠程服務器進行動態修改，但是使用這種方法后很多原生API(例如，陀螺儀、加速度、電話、通訊錄接口)就無法得到。

Hybrid App是把原生頁面和H5頁面進行了融合，但是加載嵌入WebView的Hybrid網頁需要加載遠程服務器的頁面，因此加載時間長，加載頁面的時候因為頁面還沒有加載完全，因此會有一個空白頁面，導致用戶體驗較差。

發明內容

有鑒于此，本發明提出一種基于Hybrid App中動態跳轉Hybrid頁面的方法及系統，以達到快速加載顯示更新網頁的目的，同時能夠滿足Hybrid App的兼容性和開放性。

本發明的技術方案是提供一種基于Hybrid App中動態跳轉Hybrid頁面的方法，該方法包括：下載或更新Hybrid App的Hybrid模塊至本地該Hybrid App中；在該Hybrid App中創建或更新跳轉配置文件，該跳轉配置文件用于記錄該Hybrid App中所有頁面的頁面屬性以及設置跳轉頁面的頁面屬性；當該Hybrid App中的頁面發生點擊操作時，當前頁面根據該跳轉配置文件跳轉至預設頁面；如果跳轉的該預設頁面為原生頁面，那么就加載顯示該預設頁面；如果該預設頁面是該Hybrid頁面，那么就根據最新版本的Hybrid模塊加載顯示該預設頁面。

可選地，更新該Hybrid模塊和該跳轉配置文件操作包括：確認本地或遠程服務器中的該Hybrid模塊和該跳轉配置文件的版本是最新版本；如果該遠程服務器中的該跳轉配置文件和該Hybrid模塊是最新版本，那么就下載該遠程服務器中的該跳轉配置文件和該Hybrid模塊至本地該Hybrid App的私有目錄中；如果本地的該跳轉配置文件和該Hybrid模塊是最新版本，那么就繼續使用本地當前版本的該跳轉配置文件和該Hybrid模塊。

可選地，更新該Hybrid模塊的操作之前，還包括：將本地最新版本的該Hybrid模塊以及對應的版本號組成一個Hashmap列表，通過服務器接口請求發送至該遠程服務器。

可選地，更新該Hybrid模塊包括：如果該遠程服務器中的該Hybrid模塊是最新版本，那么就通過加密算法將該遠程服務器中的最新版本的該Hybrid模塊生成壓縮文件發送至本地該Hybrid App的私有目錄中，該Hybrid App通過解壓和解密之后進行覆蓋更新本地該Hybrid模塊。