(19)国家知识产权局 (12)发明 专利 (10)授权公告 号 (45)授权公告日 (21)申请 号 202210249919.9 (22)申请日 2022.03.15 (65)同一申请的已公布的文献号 申请公布号 CN 114327688 A (43)申请公布日 2022.04.12 (73)专利权人 TCL通讯科技 （成 都） 有限公司 地址 610000 四川省成 都市中国(四川)自 由贸易试验区成都高新区天华二路 219号天府软件园C区1 1号楼10层 (72)发明人 不公告发明人 　 (74)专利代理 机构 深圳紫藤知识产权代理有限 公司 44570 专利代理师 黄灵飞 (51)Int.Cl. G06F 9/445(2018.01) (56)对比文件 CN 107291523 A,2017.10.24 CN 112181432 A,2021.01.0 5 CN 108446141 A,2018.08.24CN 112988153 A,2021.0 6.18 CN 112988153 A,2021.0 6.18 CN 113626124 A,2021.1 1.09 CN 113448702 A,2021.09.28 CN 113220273 A,2021.08.0 6 CN 112162871 A,2021.01.01 CN 112114784 A,2020.12.2 2 CN 113986226 A,202 2.01.28 CN 112491955 A,2021.0 3.12 CN 111638870 A,2020.09.08 CN 110708368 A,2020.01.17 CN 112860236 A,2021.0 5.28 CN 113793169 A,2021.12.14 kuitos.可能是你见过最完 善的微前端解决 方案. 《ht tps://zhuanlan.zhihu.com/p/ 78362028?spm= ata.13261 165.0.0.72c96 cbdj5cjws》 .2020, (续) 审查员 陈俊如 (54)发明名称 基于微前端的数据处理方法、 框架、 存储介 质及终端设备 (57)摘要 本申请实施例提供一种基于微前端的数据 处理方法、 框架、 存储介质及终端设备， 该方法包 括： 接收各子应用的定制信息， 并将各子应用的 定制信息发送至微前端主工程模块， 根据定制信 息生成各子应用对应的加载菜单和初始化文件； 根据加载菜单加载各子应用对应的微前端子工 程模块； 将初始化文件发送至微前端子工程模 块， 根据初始化文件生成各子应用对应的主入口 文件， 数据状态集文件和内部样式文件， 完成各 子应用的部署操作。 本申请实施例通过在整合多 种前端技术栈的微前端子工程模块， 并基于同一 模块架构构建而成， 使 得多技术栈开发人员可以 共同服务于同一个微前端平台业务系统， 极大的提高了业 务平台系统的技 术兼容性。 [转续页] 权利要求书3页 说明书16页 附图5页 CN 114327688 B 2022.07.08 CN 114327688 B (56)对比文件 俞华.N年前写的微前端笔记— —4.消息总 线-微前端应用之间的通信工具(四). 《ht tps:// blog.csdn.net/q q_17175013/article/ details/120555441》 .2021,古兰精.浅析微前端qian kun的2种应用间通 信方式 （acti ons通信及shared通信、 各自通信原 理及实例代码）. 《ht tps://www.cnblogs.com/ goloving/p/15599561.html》 .2021,2/2 页 2[接上页] CN 114327688 B1.一种基于微前端的数据处理方法， 其特征在于， 所述方法基于微前端的数据处理框 架实现， 所述微前端的数据 处理框架包括： 微前端主工程模块和至少 两个不同类别的微前 端子工程模块， 所述至少两个不同类别的微前端子工程模块基于同一预设的模块架构构建 而成， 通过所述模块架构构建的微前端子工程模块能够生成主入口文件， 数据状态集文件 和内部样式文件； 所述微前端主工程模块包括第三方依赖映射配置单元， 所述第三方依赖 映射配置单元用于配置系统所使用到的第三方依赖库文件地址及对应别名的映射， 以及在 不同运行环境下的依赖集 合切换； 所述方法包括： 接收各子应用的定制信 息， 并将所述各子应用的定制信 息发送至所述微前端主工程模 块， 根据所述定制信息生成所述各子应用对应的加载菜单和初始化文件； 根据所述加载菜单加载 所述各子应用对应的微前端子 工程模块； 将所述初始化文件发送至所述微前端子工程模块， 根据 所述初始化文件生成各子应用 对应的主入口文件， 数据状态集文件和内部样式文件， 完成各子应用的部署 操作； 所述内部样式文件 包括CSS文件， 所述方法还 包括： 分别定义JS文件和CSS文件的生命周期， 所述生命周期至少包括加载事件与卸载事件， 所述加载事件用于加载展示所述JS文件或CSS文件， 所述卸载事件用于关闭停用所述JS文 件或CSS文件； 所述方法还 包括： 预加载所述第 三方依赖库中的所有第 三方样式文件， 将所述所有第 三方样式文件设置 为未激活状态； 当确定好所述子应用待调用的指定样式文件时， 从处于所述未激活状态的所有第 三方 样式文件中单独激活所述指定样式文件； 根据处于 激活状态的所述指定样式文件 对子应用进行样式渲染操作。 2.如权利要求1所述的数据处 理方法， 其特 征在于， 所述模块架构包括： 业务模块定义单 元， 用于定义生成对应不同功能的业 务模块； 内部样式定义单元， 用于定义所述业务模块的内部样式， 并生成对应不同业务模块的 内部样式文件； 数据状态定义单元， 用于定义所述业务模块在不同节点的状态， 并生成对应不同业务 模块的数据状态文件； 主入口文件生成单 元， 用于定义生成不同业 务模块的主入口文件。 3.如权利要求1所述的数据处理方法， 其特征在于， 所述微前端主工程模块包括路由分 发单元、 子应用入口路径配置单 元、 样式管理中心、 消息分发中心及主工程基础前端单 元； 所述路由分发单元用于接收各子应用的定制信 息， 并将所述各子应用的定制信 息发送 至所述主工程基础前端单 元； 所述子应用入口路径配置单元用于配置各子应用在不同运行环境下的主入口文件和 数据集文件的资源路径， 以及各子应用的下的所有模块相关信息； 所述样式管理中心用于配置系统相关内部样式和各子应用所依赖的第三方组件库样 式， 并在系统运行时控制样式版本切换； 所述消息分发中心用于构建全局事件分发器， 用于集合各子应用数据和数据修改时间权　利　要　求　书 1/3 页 2 CN 114327688 B 3