[發明專利]微前端頁面跳轉方法、裝置和存儲介質

在審

• 申請號: 202210722226.7
• 申請日: 2022-06-17
• 公開（公告）號: CN115080164A
• 公開（公告）日: 2022-09-20
• 發明（設計）人: 底劍南;李偉榮;尹繼旺;劉虹邑
• 申請（專利權）人: 北京快樂茄信息技術有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F8/71;G06F9/445;G06F3/0482
• 代理公司: 北京善任知識產權代理有限公司 11650
• 代理人: 李梅香;孟桂超

1.一種微前端頁面跳轉方法，其特征在于，所述方法應用于微前端應用管理系統中，所述微前端應用管理系統包括主應用和所述主應用的多個備選子應用，所述方法包括：

當所述主應用上的目標功能菜單被觸發時，所述主應用獲取多個所述備選子應用中的目標子應用的應用信息；其中，所述目標功能菜單與所述目標子應用的目標頁面具有對應關系；所述目標子應用的應用信息至少包括：所述目標頁面的路由信息；

所述主應用根據所述目標功能菜單的信息以及所述目標子應用的應用信息，生成路由跳轉信息，并根據所述路由跳轉信息進行所述目標子應用的加載；

所述主應用將所述目標頁面的路由信息傳遞至所述目標子應用，其中，所述目標頁面的路由信息，用于觸發被加載的所述目標子應用跳轉至所述目標頁面。

2.根據權利要求1所述的方法，其特征在于，所述目標子應用的應用信息還包括：所述目標子應用的標識信息；

所述主應用根據所述目標功能菜單的信息以及所述目標子應用的應用信息，生成路由跳轉信息，包括：

所述主應用根據所述目標功能菜單的信息，確定所述目標功能菜單所屬的導航菜單的標識信息；

所述主應用根據所述目標子應用的標識信息、所述導航菜單的標識信息以及所述目標頁面的路由信息，生成所述路由跳轉信息。

3.根據權利要求2所述的方法，其特征在于，所述主應用根據所述目標子應用的標識信息、所述導航菜單的標識信息以及所述目標頁面的路由信息，生成所述路由跳轉信息，包括：

所述主應用將所述目標子應用的標識信息、所述導航菜單的標識信息以及所述目標頁面的路由信息輸入至預設的路由地址模板，生成路由跳轉地址。

4.根據權利要求1所述的方法，其特征在于，所述主應用根據所述目標功能菜單的信息以及所述目標子應用的應用信息，生成路由跳轉信息步驟之后，所述方法還包括：

所述主應用緩存所述路由跳轉信息。

5.根據權利要求1至4任一項所述的方法，其特征在于，所述微前端應用管理系統還包括配置中心子應用；所述配置中心子應用，用于配置生成各個所述備選子應用的應用信息；所述方法還包括：

所述主應用基于從所述配置中心子應用獲取的各個所述備選子應用的應用信息，對各個所述備選子應用進行注冊，并對各個所述備選子應用的應用信息進行緩存。

6.根據權利要求5所述的方法，其特征在于，所述主應用獲取多個所述備選子應用中的目標子應用的應用信息，包括：

所述主應用獲取緩存的所述目標子應用的應用信息。

7.根據權利要求5所述的方法，其特征在于，所述配置中心子應用，還用于配置生成所述主應用的導航菜單信息和功能菜單信息；所述方法還包括：

在所述主應用的加載過程中，所述主應用基于從所述配置中心子應用獲取的所述導航菜單信息和所述功能菜單信息，渲染所述主應用的導航菜單以及功能菜單。

8.根據權利要求7所述的方法，其特征在于，所述方法還包括：

所述主應用對從所述配置中心子應用獲取的所述導航菜單信息和/或所述功能菜單信息進行緩存。

9.一種微前端頁面跳轉裝置，其特征在于，應用于微前端應用管理系統中，所述微前端應用管理系統包括主應用和所述主應用的多個備選子應用，所述裝置包括：

獲取模塊，用于當所述主應用上的目標功能菜單被觸發時，所述主應用獲取多個所述備選子應用中的目標子應用的應用信息；其中，所述目標功能菜單與所述目標子應用的目標頁面具有對應關系；所述目標子應用的應用信息至少包括：所述目標頁面的路由信息；

生成模塊，用于所述主應用根據所述目標功能菜單的信息以及所述目標子應用的應用信息，生成路由跳轉信息；

加載模塊，用于根據所述路由跳轉信息進行所述目標子應用的加載；

傳遞模塊，用于所述主應用將所述目標頁面的路由信息傳遞至所述目標子應用，其中，所述目標頁面的路由信息，用于觸發被加載的所述目標子應用跳轉至所述目標頁面。