(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210722226.7 (22)申请日 2022.06.17 (71)申请人 北京快乐茄信息技 术有限公司 地址 100193 北京市海淀区东北旺西路8号 院23号楼4层402-1室 (72)发明人 底剑南　李伟荣　尹继旺　刘虹邑　 (74)专利代理 机构 北京善任知识产权代理有限 公司 11650 专利代理师 李梅香　孟桂超 (51)Int.Cl. G06F 9/451(2018.01) G06F 8/71(2018.01) G06F 9/445(2018.01) G06F 3/0482(2013.01) (54)发明名称 微前端页面跳转方法、 装置和存 储介质 (57)摘要 本公开提供一种微前端页面跳转方法、 装置 和存储介质。 方法应用于微前端应用管理系统 中， 微前端应用管理系统包括主应用和主应用的 多个备选子应用， 方法包括： 当主应用上的目标 功能菜单被触发时， 主应用获取多个备选子应用 中的目标子应用的应用信息； 其中， 目标功能菜 单与目标子应用的目标页面具有对应 关系； 目标 子应用的应用信息至少包括： 目标页面的路由信 息； 主应用根据目标功能菜单的信息以及目标子 应用的应用信息， 生成路由跳转信息， 并根据路 由跳转信息进行目标子应用的加载； 主应用将目 标页面的路由信息传递至目标子应用， 其中， 目 标页面的路由信息， 用于触发被加载的目标子应 用跳转至目标页面。 本公开实施例能够实现子应 用间页面级的跳转。 权利要求书3页 说明书14页 附图6页 CN 115080164 A 2022.09.20 CN 115080164 A 1.一种微前端页面跳转方法， 其特征在于， 所述方法应用于微前端应用管理系统中， 所 述微前端应用管理系统包括主应用和所述主应用的多个备选 子应用， 所述方法包括： 当所述主应用上的目标功能菜单被触发时， 所述主应用获取多个所述备选子应用中的 目标子应用的应用信息； 其中， 所述 目标功能菜单与所述 目标子应用的目标页面具有对应 关系； 所述目标子应用的应用信息 至少包括： 所述目标页面的路由信息； 所述主应用根据 所述目标功能菜单的信 息以及所述目标子应用的应用信 息， 生成路由 跳转信息， 并根据所述路由跳转信息进行 所述目标子应用的加载； 所述主应用将所述目标页面的路由信息传递至所述目标子应用， 其中， 所述目标页面 的路由信息， 用于触发被加载的所述目标子应用跳转至所述目标页面。 2.根据权利要求1所述的方法， 其特征在于， 所述目标子应用的应用信息还包括： 所述 目标子应用的标识信息； 所述主应用根据 所述目标功能菜单的信 息以及所述目标子应用的应用信 息， 生成路由 跳转信息， 包括： 所述主应用根据 所述目标功能菜单的信 息， 确定所述目标功能菜单所属的导航菜单的 标识信息； 所述主应用根据 所述目标子应用的标识信 息、 所述导航菜单的标识信 息以及所述目标 页面的路由信息， 生成所述路由跳转信息 。 3.根据权利要求2所述的方法， 其特征在于， 所述主应用根据所述目标子应用的标识信 息、 所述导航菜单的标识信息以及所述目标页面的路由信息， 生成所述路由跳转信息， 包 括： 所述主应用将所述目标子应用的标识信 息、 所述导航菜单的标识信 息以及所述目标页 面的路由信息 输入至预设的路由地址模板， 生成路由跳转 地址。 4.根据权利要求1所述的方法， 其特征在于， 所述主应用根据所述目标功能菜单的信 息 以及所述目标子应用的应用信息， 生成路由跳转信息步骤之后， 所述方法还 包括： 所述主应用缓存所述路由跳转信息 。 5.根据权利要求1至4任一项所述的方法， 其特征在于， 所述微前端应用管理系统还包 括配置中心子应用； 所述配置中心子应用， 用于配置生成各个所述备选子应用的应用信息； 所述方法还 包括： 所述主应用基于从所述配置中心子应用获取的各个所述备选子应用的应用信 息， 对各 个所述备选 子应用进行注 册， 并对各个所述备选 子应用的应用信息进行缓存。 6.根据权利要求5所述的方法， 其特征在于， 所述主应用获取多个所述备选子应用中的 目标子应用的应用信息， 包括： 所述主应用获取缓存的所述目标子应用的应用信息 。 7.根据权利要求5所述的方法， 其特征在于， 所述配置中心子应用， 还用于配置生成所 述主应用的导 航菜单信息和功能菜单信息； 所述方法还 包括： 在所述主应用的加载过程中， 所述主应用基于从所述配置 中心子应用获取的所述导航 菜单信息和所述功能菜单信息， 渲染所述主应用的导 航菜单以及功能菜单。 8.根据权利要求7 所述的方法， 其特 征在于， 所述方法还 包括： 所述主应用对从所述配置 中心子应用获取的所述导航菜单信 息和/或所述功能菜单信权　利　要　求　书 1/3 页 2 CN 115080164 A 2息进行缓存。 9.一种微前端页面跳转装置， 其特征在于， 应用于微前端应用管理系统中， 所述微前端 应用管理系统包括主应用和所述主应用的多个备选 子应用， 所述装置包括： 获取模块， 用于当所述主应用上的目标功能菜单被触发时， 所述主应用获取多个所述 备选子应用中的目标子应用的应用信息； 其中， 所述 目标功能菜单与所述 目标子应用的目 标页面具有对应关系； 所述目标子应用的应用信息 至少包括： 所述目标页面的路由信息； 生成模块， 用于所述主应用根据所述目标功能菜单的信 息以及所述目标子应用的应用 信息， 生成路由跳转信息； 加载模块， 用于根据所述路由跳转信息进行 所述目标子应用的加载； 传递模块， 用于所述主应用将所述目标页面的路由信息传递至所述目标子应用， 其中， 所述目标页面的路由信息， 用于触发被加载的所述目标子应用跳转至所述目标页面。 10.根据权利要求9所述的装置， 其特征在于， 所述目标子应用的应用信 息还包括： 所述 目标子应用的标识信息； 所述 生成模块具体用于： 所述主应用根据 所述目标功能菜单的信 息， 确定所述目标功能菜单所属的导航菜单的 标识信息； 所述主应用根据 所述目标子应用的标识信 息、 所述导航菜单的标识信 息以及所述目标 页面的路由信息， 生成所述路由跳转信息 。 11.根据权利要求10所述的装置， 其特 征在于， 所述 生成模块具体用于： 所述主应用将所述目标子应用的标识信 息、 所述导航菜单的标识信 息以及所述目标页 面的路由信息 输入至预设的路由地址模板， 生成路由跳转 地址。 12.根据权利要求9所述的装置， 其特 征在于， 所述装置还 包括： 第一缓存 模块， 用于所述主应用缓存所述路由跳转信息 。 13.根据权利要求9至12任一项所述的装置， 其特征在于， 所述微前端应用管理系统还 包括配置中心子应用； 所述配置中心子应用， 用于配置生成各个所述备选子应用的应用信 息； 所述装置还 包括： 注册模块， 用于所述主应用基于从所述配置 中心子应用获取的各个所述备选子应用的 应用信息， 对各个所述备选 子应用进行注 册； 第二缓存 模块， 用于所述主应用对各个所述备选 子应用的应用信息进行缓存。 14.根据权利要求13所述的装置， 其特 征在于， 所述获取模块具体用于： 所述主应用获取缓存的所述目标子应用的应用信息 。 15.根据权利要求13所述的装置， 其特征在于， 所述配置中心子应用， 还用于配置生成 所述主应用的导 航菜单信息和功能菜单信息； 所述装置还 包括： 渲染模块， 用于在所述主应用的加载过程中， 所述主应用基于从所述配置中心子应用 获取的所述导航菜单信息和所述功能菜单信息， 渲染所述主应用的导航菜单以及功能菜 单。 16.根据权利要求15所述的装置， 其特 征在于， 所述装置还 包括： 第三缓存模块， 用于所述主应用对从所述配置中心子应用获取的所述导航菜单信息 和/或所述功能菜单信息进行缓存。 17.一种电子设备， 其特 征在于， 包括：权　利　要　求　书 2/3 页 3 CN 115080164 A 3