[发明专利]基于微前端的数据处理方法及框架

权利要求书

1.一种基于微前端的数据处理方法，其特征在于，所述方法是通过微前端的数据处理框架实现的，所述微前端的数据处理框架包括应用配置中心、微前端主工程模块和至少一个微前端子工程模块，所述应用配置中心通讯连接所述微前端主工程模块，所述微前端主工程模块通讯连接所述微前端子工程模块；所述方法包括：

所述应用配置中心接收各子应用的定制信息，并将所述各子应用的定制信息发送至所述微前端主工程模块；

所述微前端主工程模块根据所述各子应用的定制信息生成所述各子应用的加载菜单和初始化文件；根据各子应用的加载菜单加载各子应用对应的微前端子工程模块；并将各子应用初始化文件发送至各子工程对应的微前端子工程模块；

所述微前端子工程模块根据接收的初始化文件发布各子应用，以使所述微前端主工程模块对所述各子应用进行标准化，实现主应用的发布，其中，所述主应用与所述各子应用是同源的。

2.根据权利要求1所述的数据处理方法，其特征在于，所述定制信息包括：应用信息、菜单信息、权限配置信息。

3.根据权利要求1所述的数据处理方法，其特征在于，所述主应用与各所述子应用以及各所述子应用之间通过Iframe沙箱技术实现Javascript隔离和Cascading Style Sheets隔离。

4.根据权利要求1所述的数据处理方法，其特征在于，所述根据各子应用的加载菜单加载各子应用对应的微前端子工程模块包括：

根据所述各子应用的加载菜单中的postMessage确定组成主应用的各子应用，根据所述组成主应用的各子应用确定所述各子应用对应的微前端子工程模块；

加载所述各子应用对应的微前端子工程模块；

所述微前端主工程模块还包括：

加载主工程共享组件，其中，所述主工程共享组件包括常用开源依赖组件和公共共享依赖组件，所述公共共享依赖组件包括渲染组件和开发编译组件。

5.根据权利要求1所述的数据处理方法，其特征在于，所述微前端子工程模块根据接收的初始化文件发布各子应用包括：

根据所述初始化文件调用所述微前端主工程模块的主工程共享组件以完成各子应用的开发；

将开发形成的各子应用中的主工程共享组件剔除后，将所述各子应用打包后，与各子应用的页面加载生命周期对应发送至所述微前端主工程模块。

6.根据权利要求1所述的数据处理方法，其特征在于，所述微前端主工程模块对所述各子应用进行标准化，实现主应用的发布包括：

调用工程标准化模块对所述各子应用的语言、样式、权限进行标准化，将标准化后的各子应用组合在一起形成主应用，并将所述主应用发布。

7.根据权利要求1～6中任一项所述的数据处理方法，其特征在于，所述主应用与所述各子应用的编译是基于Node.js技术实现的。

8.一种基于微前端的数据处理框架，其特征在于，包括：应用配置中心、微前端主工程模块和至少一个微前端子工程模块，所述应用配置中心通讯连接所述微前端主工程模块，所述微前端主工程模块通讯连接所述微前端子工程模块；

所述应用配置中心，用于接收各子应用的定制信息，并将所述各子应用的定制信息发送至所述微前端主工程模块；

所述微前端主工程模块，用于根据所述各子应用的定制信息生成所述各子应用的加载菜单和初始化文件；根据各子应用的加载菜单加载各子应用对应的微前端子工程模块；并将各子应用初始化文件发送至各子工程对应的微前端子工程模块；

所述微前端子工程模块，用于根据接收的初始化文件发布各子应用，以使所述微前端主工程模块对所述各子应用进行标准化，以实现主应用的发布。