(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211208336.8 (22)申请日 2022.09.30 (71)申请人 上海金融期 货信息技 术有限公司 地址 200122 上海市浦东 新区中国(上海) 自由贸易试验区杨高南路288号19-21 层 (72)发明人 周梦颖　 (74)专利代理 机构 上海专利商标事务所有限公 司 31100 专利代理师 施浩 (51)Int.Cl. G06F 21/44(2013.01) G06F 21/45(2013.01) G06F 9/445(2018.01) (54)发明名称 基于动态路由的微前端资源加载方法和系 统 (57)摘要 本发明公开了一种基于动态路由的微前端 资源加载方法， 将微前端资源加载和用户权限管 理相结合， 实现动态路由， 确保用户可 以且仅可 以访问无需授权或已得到授权的网站资源， 既为 用户提供了个性化的服务， 又为综合系统的安全 提供了保证。 其技术方案为： 用户进行登录； 根据 用户登录信息获取访问权限， 并向主应用中添加 子应用注册信息， 其中子应用微前端资源的注册 是相互独立的； 根据用户访问权 限， 生成动态路 由信息， 更新主应用路由； 通过路由请求来访问 微前端资源； 依据路由信息加载子应用微前端资 源并显示； 在用户进行路由切换， 请求访问不同 微前端资源时， 校验用户的登录状态是否在有效 期内， 基于校验结果做对应的处 理。 权利要求书2页 说明书6页 附图1页 CN 115495726 A 2022.12.20 CN 115495726 A 1.一种基于动态路由 的微前端资源加载 方法， 其特 征在于， 方法包括： 步骤1： 用户进行登录； 步骤2： 根据用户登录信息获取访 问权限， 并向主应用中添加子应用注册信息， 其中子 应用微前端资源的注 册是相互独立的； 步骤3： 根据用户访问权限， 生成动态路由信息， 更新主应用路由； 步骤4： 通过路由请求 来访问微前端资源； 步骤5： 依据路由信息加载子应用微前端资源并显示； 步骤6： 在用户进行路由切换， 请求访 问不同微前端资源时， 校验用户的登录状态是否 在有效期内， 基于校验结果做对应的处 理。 2.根据权利要求1所述的基于动态路由的微前端资源加载方法， 其特征在于， 在步骤2 中， 所获取 的访问权限包含已授权的子应用名称， 所添加的子应用注册信息包含子应用下 一级微前端资源的路由基本信息 。 3.根据权利要求1所述的基于动态路由的微前端资源加载方法， 其特征在于， 在步骤2 中， 子应用的注册由注册函数实现， 注册函数用于维护一份当前用户被授权的资源信息， 每 个子应用下微前端资源 对应唯一的名称， 该唯一的名称用于辨识不同的微前端资源。 4.根据权利要求1所述的基于动态路由的微前端资源加载方法， 其特征在于， 在步骤3 中， 主应用中对子应用的路由信息进行统一的管理， 通过过滤函数实现基于用户权限的动 态路由。 5.根据权利要求4所述的基于动态路由的微前端资源加载方法， 其特征在于， 过滤函数 以步骤2中的注册信息为依据， 过滤全量路由信息， 保留有访问权限的路由详细信息， 并将 所保留的路由详细信息更新到主应用的路由信息中， 其中， 完善后的主应用的路由信息包 含主应用原本的路由信息和子应用各级微前端资源的路由信息 。 6.根据权利要求1所述的基于动态路由的微前端资源加载方法， 其特征在于， 步骤4中， 路由采用hash模式， hash模式中包含形如[主应用名:端口号]/#/[微前端资源名称]， 其中 微前端资源名称对应唯一的微前端资源， 在命名各个微前端资源时约定名称的唯一性， 以 此为凭据建立路由与资源的映射关系， 以便实现 路由与资源的解耦。 7.根据权利要求1所述的基于动态路由的微前端资源加载方法， 其特征在于， 步骤5 中， 对于已加载过的微前端资源， 借助keep ‑alive组件直接从缓存中获取； 对于初次加载的资 源， 根据资源的类型分为本地资源加载、 widget加载和ifr ame加载， 其中， 本地资源存在于 主应用中的资源， iframe 是远程资源访问方式， w idget加载 是采用JS  Entry策略。 8.根据权利要求7所述的基于动态路由的微前端资源加载方法， 其特征在于， 对于JS   Entry策略， 以步骤2中的唯一的名称为凭据， 解析js入口文件， 加载到对应资源， 得到dom元 素并显示内容。 9.根据权利要求1所述的基于动态路由的微前端资源加载方法， 其特征在于， 在步骤6 中， 基于校验结果做对应的处理进一步包括： 如果用户登录状态仍在有效期则继续访问； 如 果用户登录超时， 则清空本地缓存信息， 本地 缓存信息包括用户权限信息、 路由信息和微前 端资源信息， 且提示用户登录已超时， 并询问用户是否继续访问； 如果用户选择继续访问就 返回步骤1， 否则结束访问。 10.一种基于动态路由 的微前端资源加载系统， 其特 征在于， 系统包括：权　利　要　求　书 1/2 页 2 CN 115495726 A 2存储器； 处理器； 存储在存储器 中可供处理器运行的程序指令， 其中所述处理器执行所述程序指令以实 现如权利要求1至9中任一项所述的方法步骤。权　利　要　求　书 2/2 页 3 CN 115495726 A 3