[發明專利]基于ReactNative的預加載方法、裝置、計算機設備及存儲介質

在審

• 申請號: 202011314147.X
• 申請日: 2020-11-20
• 公開（公告）號: CN112416458A
• 公開（公告）日: 2021-02-26
• 發明（設計）人: 趙程
• 申請（專利權）人: 平安普惠企業管理有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F9/451;G06F16/957
• 代理公司: 深圳市世聯合知識產權代理有限公司 44385
• 代理人: 汪琳琳

本申請實施例屬于研發管理領域，涉及一種基于ReactNative的預加載方法，包括通過ReactNative配置預加載頁面，將預加載頁面進行打包，并部署于資源目錄下的業務組件文件中，在應用程序啟動頁創建布局界面，將預加載頁面傳入所述布局界面中，使用布局界面將業務組件文件進行加載解析至內存中，并獲取預加載頁面，啟動所述應用程序時，通過布局界面展示預加載頁面。本申請還提供一種基于ReactNative的預加載裝置、計算機設備及存儲介質。此外，本申請還涉及區塊鏈技術，業務組件文件可存儲于區塊鏈中。本申請可以避免出現白屏操作，增強用戶體驗。

技術領域

本申請涉及研發管理技術領域，尤其涉及一種基于ReactNative的預加載方法、裝置、計算機設備及存儲介質。

背景技術

ReactNative是目前比較流行的一種移動端混合框架，在移動端用的比較多，由于其可以在Android、iOS、H5、小程序等平臺直接使用，有著強大的跨平臺特性。原生APP(Application，應用程序)的開發中通常會混合使用ReactNative開發，通過ReactNative開發的模塊，在進行調試之前需要先打成bundle文件，之后APP才能對其進行加載和顯示。

但是在實際投入使用中，在Android中首次加載ReactNative頁面時，需要解析加載bundle文件，而解析加載bundle文件是一個比較耗時的操作，所以從加載bundle文件到ReactNative將對應的ReactNative頁面渲染出來就會出現明顯的白屏，造成用戶體驗差。

發明內容

本申請實施例的目的在于提出一種基于ReactNative的預加載方法、裝置、計算機設備及存儲介質，以解決相關技術中使用ReactNative頁面加載應用程序時出現白屏，造成用戶體驗差的問題。

為了解決上述技術問題，本申請實施例提供一種基于ReactNative的預加載方法，采用了如下所述的技術方案：

通過ReactNative配置預加載頁面，將所述預加載頁面進行打包，并部署于資源目錄下的業務組件文件中；

在應用程序啟動頁創建布局界面，將所述預加載頁面傳入所述布局界面中；

使用所述布局界面將所述業務組件文件進行加載解析至內存中，并獲取預加載頁面；及

在啟動所述應用程序時，通過所述布局界面展示所述預加載頁面。

進一步的，所述在應用程序啟動頁創建布局界面，將所述預加載頁面傳入所述布局界面中的步驟包括：

使用ReactNative提供的管理類加載所述業務組件文件；

將所述布局界面與所述管理類進行關聯，并將所述業務組件文件中的預加載頁面傳入所述布局界面中。

進一步的，所述將所述布局界面與所述管理類進行關聯，并將所述業務組件文件中的預加載頁面傳入所述布局界面中的步驟包括：

調用所述布局界面中的應用啟動方法，將所述管理類傳入所述布局界面中；

通過所述管理類將所述預加載頁面傳入所述布局界面中。

進一步的，所述將所述預加載頁面進行打包，并部署于資源目錄下的業務組件文件中的步驟包括：

將所述預加載頁面的執行代碼進行打包，生成預加載業務組件文件；

為所述預加載業務組件文件分配唯一識別標識，并將所述預加載頁面業務組件文件部署于對應業務的業務組件文件中。

進一步的，所述使用所述布局界面將所述業務組件文件進行加載解析至內存中，并獲取到所述預加載頁面的步驟包括：