[發明專利]應用頁面加載方法、裝置及計算機可讀存儲介質

有效

• 申請號: 201810546965.9
• 申請日: 2018-05-31
• 公開（公告）號: CN108845839B
• 公開（公告）日: 2023-07-14
• 發明（設計）人: 鐘易宏;萬升;毛俊杰;胡進
• 申請（專利權）人: 康鍵信息技術（深圳）有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F9/451
• 代理公司: 深圳市沃德知識產權代理事務所(普通合伙) 44347
• 代理人: 高杰;于志光

本發明公開了一種應用頁面加載方法，該方法包括：在ReactNative應用啟動時，加載并執行ReactNative應用的公共包，以生成公共執行上下文，其中，ReactNative應用的軟件包由公共包和業務包組成；當需要加載ReactNati?ve頁面時，檢測執行上下文的緩存列表中是否有ReactNative應用的執行上下文信息；若執行上下文的緩存列表中沒有ReactNative應用的執行上下文信息，則獲取并加載生成的公共執行上下文；獲取業務包，并在加載的公共執行上下文上執行業務包的代碼，以加載ReactNative頁面。本發明還提出一種應用頁面加載裝置以及一種計算機可讀存儲介質。本發明解決了現有技術中React?Native應用首次加載ReactNative頁面等待時間過長的技術問題。

技術領域

本發明涉及計算機技術領域，尤其涉及一種應用頁面加載方法、裝置及計算機可讀存儲介質。

背景技術

隨著移動設備硬、軟件技術的升級，移動端應用的應用場景越來越廣泛，在以往的應用開發場景中，主要使用WEB技術進行實現跨平臺應用開發。FaceBook公司發行了一套開源的跨平臺移動應用開發框架，即ReactNative，可以簡稱為RN，由于RN使用Javascript語言，因此熟悉Web前端開發的技術人員只需很少的學習就可以進入移動應用開發領域。

基于ReactNative開發的應用ReactNative提供的打包方式是將應用的全部相關代碼打包成一個完整的文件然后通過ReactNative?SDK(Software?Devel?opment?Kit，軟件開發工具包)進行加載、執行以及渲染出對應的頁面。在應用頁面加載時，當從原生界面首次跳轉到React?Native界面時，會有一段時間的白屏過程，經過一段時間的加載，才會加載出界面內容。這就導致React?Native應用首次加載ReactNative頁面時存在等待時間過長的技術問題。

發明內容

本發明提供一種應用頁面加載方法、裝置及計算機可讀存儲介質，其主要目的在于解決現有技術中ReactNative應用首次加載ReactNative頁面等待時間過長的技術問題。

為實現上述目的，本發明還提供一種應用頁面加載方法，該方法包括：

在ReactNative應用啟動時，加載并執行所述ReactNative應用的公共包，以生成公共執行上下文，其中，所述ReactNative應用的軟件包由公共包和業務包組成；

當需要加載ReactNative頁面時，檢測執行上下文的緩存列表中是否有所述ReactNative應用的執行上下文信息；

若執行上下文的緩存列表中沒有所述ReactNative應用的執行上下文信息，則獲取并加載生成的公共執行上下文；

獲取所述業務包，并在加載的所述公共執行上下文上執行所述業務包的代碼，以加載所述ReactNative頁面。

可選地，所述當需要加載ReactNative頁面時，檢測執行上下文的緩存列表中是否有所述ReactNative應用的執行上下文信息的步驟之后，所述方法還包括步驟：

若執行上下文的緩存列表中有所述ReactNative應用的執行上下文信息，則獲取所述公共執行上下文的加載清單，并根據所述加載清單判斷當前的Re?actNative頁面所屬的模塊是否被加載；

若當前的ReactNative頁面所屬的模塊已被加載，則創建根視圖，為所述根視圖指定與當前的ReactNative頁面對應的組件名，并將指定組件名后的根視圖添加到當前的ReactNative頁面的視圖上，以加載所述ReactNative頁面；

確定當前的ReactNative頁面對應的組件名，并將所述組件名添加至所述加載清單中。