[發(fā)明專利]基于ReactNative的預(yù)加載方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 202011314147.X
• 申請(qǐng)日: 2020-11-20
• 公開(kāi)（公告）號(hào): CN112416458A
• 公開(kāi)（公告）日: 2021-02-26
• 發(fā)明（設(shè)計(jì)）人: 趙程
• 申請(qǐng)（專利權(quán)）人: 平安普惠企業(yè)管理有限公司
• 主分類號(hào): G06F9/445
• 分類號(hào): G06F9/445;G06F9/451;G06F16/957
• 代理公司: 深圳市世聯(lián)合知識(shí)產(chǎn)權(quán)代理有限公司 44385
• 代理人: 汪琳琳

1.一種基于ReactNative的預(yù)加載方法，其特征在于，包括下述步驟：

通過(guò)ReactNative配置預(yù)加載頁(yè)面，將所述預(yù)加載頁(yè)面進(jìn)行打包，并部署于資源目錄下的業(yè)務(wù)組件文件中；

在應(yīng)用程序啟動(dòng)頁(yè)創(chuàng)建布局界面，將所述預(yù)加載頁(yè)面?zhèn)魅胨霾季纸缑嬷校?/p>

使用所述布局界面將所述業(yè)務(wù)組件文件進(jìn)行加載解析至內(nèi)存中，并獲取到所述預(yù)加載頁(yè)面；及

在啟動(dòng)所述應(yīng)用程序時(shí)，通過(guò)所述布局界面展示所述預(yù)加載頁(yè)面。

2.根據(jù)權(quán)利要求1所述的基于ReactNative的預(yù)加載方法，其特征在于，所述在應(yīng)用程序啟動(dòng)頁(yè)創(chuàng)建布局界面，將所述預(yù)加載頁(yè)面?zhèn)魅胨霾季纸缑嬷械牟襟E包括：

使用ReactNative提供的管理類加載所述業(yè)務(wù)組件文件；

將所述布局界面與所述管理類進(jìn)行關(guān)聯(lián)，并將所述業(yè)務(wù)組件文件中的預(yù)加載頁(yè)面?zhèn)魅胨霾季纸缑嬷小?/p>

3.根據(jù)權(quán)利要求2所述的基于ReactNative的預(yù)加載方法，其特征在于，所述將所述布局界面與所述管理類進(jìn)行關(guān)聯(lián)，并將所述業(yè)務(wù)組件文件中的預(yù)加載頁(yè)面?zhèn)魅胨霾季纸缑嬷械牟襟E包括：

調(diào)用所述布局界面中的應(yīng)用啟動(dòng)方法，將所述管理類傳入所述布局界面中；

通過(guò)所述管理類將所述預(yù)加載頁(yè)面?zhèn)魅胨霾季纸缑嬷小?/p>

4.根據(jù)權(quán)利要求3所述的基于ReactNative的預(yù)加載方法，其特征在于，所述將所述預(yù)加載頁(yè)面進(jìn)行打包，并部署于資源目錄下的業(yè)務(wù)組件文件中的步驟包括：

將所述預(yù)加載頁(yè)面的執(zhí)行代碼進(jìn)行打包，生成預(yù)加載業(yè)務(wù)組件文件；

為所述預(yù)加載業(yè)務(wù)組件文件分配唯一識(shí)別標(biāo)識(shí)，并將所述預(yù)加載頁(yè)面業(yè)務(wù)組件文件部署于對(duì)應(yīng)業(yè)務(wù)的業(yè)務(wù)組件文件中。

5.根據(jù)權(quán)利要求4所述的基于ReactNative的預(yù)加載方法，其特征在于，所述使用所述布局界面將所述業(yè)務(wù)組件文件進(jìn)行加載解析至內(nèi)存中，并獲取到所述預(yù)加載頁(yè)面的步驟包括：

所述布局界面根據(jù)預(yù)加載頁(yè)面標(biāo)識(shí)信息，獲取與所述預(yù)加載頁(yè)面對(duì)應(yīng)的業(yè)務(wù)組件文件的存放路徑；

使用所述布局界面解析加載與所述存放路徑對(duì)應(yīng)的業(yè)務(wù)組件文件，并緩存至內(nèi)存中；

從所述內(nèi)存中獲取預(yù)加載頁(yè)面。

6.根據(jù)權(quán)利要求5所述的基于ReactNative的預(yù)加載方法，其特征在于，所述布局界面根據(jù)預(yù)加載頁(yè)面標(biāo)識(shí)信息，獲取與所述預(yù)加載頁(yè)面對(duì)應(yīng)的業(yè)務(wù)組件文件的存放路徑的步驟包括：

根據(jù)預(yù)加載頁(yè)面標(biāo)識(shí)信息，與所述預(yù)加載頁(yè)面的預(yù)加載業(yè)務(wù)組件文件的唯一識(shí)別標(biāo)識(shí)進(jìn)行匹配；

根據(jù)所述唯一識(shí)別標(biāo)識(shí)確定與所述預(yù)加載頁(yè)面對(duì)應(yīng)的預(yù)加載業(yè)務(wù)組件文件；

基于所述預(yù)加載業(yè)務(wù)組件文件的存放路徑確定對(duì)應(yīng)的業(yè)務(wù)組件文件的存放路徑。

7.根據(jù)權(quán)利要求5所述的基于ReactNative的預(yù)加載方法，其特征在于，所述使用所述布局界面解析加載與所述存放路徑對(duì)應(yīng)的業(yè)務(wù)組件文件的步驟包括：

使用所述布局界面將所述業(yè)務(wù)組件文件加載至內(nèi)存中；

將加載至內(nèi)存中的所述業(yè)務(wù)組件文件進(jìn)行解析，分別獲取到所述業(yè)務(wù)組件文件和所述預(yù)加載頁(yè)面的執(zhí)行代碼，所述執(zhí)行代碼用于啟動(dòng)對(duì)應(yīng)的業(yè)務(wù)以及所述預(yù)加載頁(yè)面。

8.一種基于ReactNative的預(yù)加載裝置，其特征在于，包括：

配置模塊，用于通過(guò)ReactNative配置預(yù)加載頁(yè)面，將所述預(yù)加載頁(yè)面進(jìn)行打包，并部署于資源目錄下的業(yè)務(wù)組件文件中；

創(chuàng)建模塊，用于在應(yīng)用程序啟動(dòng)頁(yè)創(chuàng)建布局界面，將所述預(yù)加載頁(yè)面?zhèn)魅胨霾季纸缑嬷校?/p>

加載解析模塊，用于使用所述布局界面將所述業(yè)務(wù)組件文件進(jìn)行加載解析至內(nèi)存中，并獲取到所述預(yù)加載頁(yè)面；及

展示模塊，用于在啟動(dòng)所述應(yīng)用程序時(shí)，通過(guò)所述布局界面展示所述預(yù)加載頁(yè)面。

9.一種計(jì)算機(jī)設(shè)備，包括存儲(chǔ)器和處理器，所述存儲(chǔ)器中存儲(chǔ)有計(jì)算機(jī)可讀指令，所述處理器執(zhí)行所述計(jì)算機(jī)可讀指令時(shí)實(shí)現(xiàn)如權(quán)利要求1至7中任一項(xiàng)所述的基于ReactNative的預(yù)加載方法的步驟。

10.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)上存儲(chǔ)有計(jì)算機(jī)可讀指令，所述計(jì)算機(jī)可讀指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)如權(quán)利要求1至7中任一項(xiàng)所述的基于ReactNative的預(yù)加載方法的步驟。