[发明专利]微前端系统、子应用加载方法及计算机可读存储介质

权利要求书

1.一种微前端系统，其特征在于，包括：路由注册服务、命令行工具和微前端运行框架，其中，

所述路由注册服务，为独立维护运行的node后端服务，用于为所述主应用的微前端运行框架提供子应用的路由信息、加载方式和子应用的部署信息；

所述命令行工具，用于通过命令行提供新建子应用、接入子应用、服务注册功能；

所述微前端运行框架，为运行在主应用的框架，用于基于获取到的网络请求加载并运行子应用，并能够提供多框架下的子应用运行能力。

2.根据权利要求1中所述的微前端系统，其特征在于，所述微前端系统架构还包括：

与所述路由注册服务对应的前端界面，通过所述前端界面获取针对子应用注册需要设置的子应用注册信息，并将所述子应用注册信息发送至路由注册服务；所述子应用注册信息至少包括：子应用框架、子应用路由模式、子应用加载模式；

所述路由注册服务，用于接收所述子应用注册信息，并基于所述子应用注册信息注册所述子应用。

3.根据权利要求1中所述的微前端系统，其特征在于，所述命令行工具用于接收新建子应用命令，获取子应用的路由信息、资源信息和子应用模板信息；

所述命令行工具基于所述子应用模板信息生成子应用模板，并向路由注册服务发送子应用新建请求，所述子应用新建请求中携带有所述路由信息和资源信息；

所述命令行工具向部署服务器发送子应用部署请求，以使得所述部署服务器基于所述部署请求中的子应用资源地址进行资源部署。

4.根据权利要求2中所述的微前端系统，其特征在于，所述命令行工具用于接收接入子应用命令，获取子应用的路由信息和资源信息；

所述命令行工具，还用于向路由注册服务发送子应用接入请求，所述子应用接入请求中携带有所述子应用的路由信息和资源信息；

所述路由注册服务，还用于接收所述子应用接入请求，并基于所述子应用的路由信息和资源信息进行子应用注册。

5.根据权利要求1所述的微前端系统，其特征在于，所述微前端运行框架至少包括：基础功能库模块、通信模块、统一路由模块、子应用加载模块和子应用运行模块，其中：

所述基础功能库模块，用于提供公共方法和公共组件，以通过全局变量和函数的方式注入到子应用，供子应用使用；

所述通信模块，用于支持父应用到子应用、子应用到子应用和子应用到父应用的通信机制；

所述统一路由模块，用于监听浏览器路由变更；

所述子应用加载模块，用于基于从路由注册服务获取到的子应用资源地址，获取并加载所述子应用资源地址对应的资源；

所述子应用运行模块，用于运行所述子应用资源地址对应的资源，以渲染出子应用页面。

6.根据权利要求5中所述的微前端系统，其特征在于，所述父应用到子应用的通信机制包括props传输和custom event传输，所述子应用到子应用的通信机制包括Postmessage传输，所述子应用到父应用的通信机制包括custom ev ent传输；

所述子应用加载模块加载子应用的模式至少包括HTML实体模式、JS实体模式和iframe模式。

7.根据权利要求5中所述的微前端系统，其特征在于，所述子应用加载模块，用于对获取到的子应用的业务代码进行解析，并将解析后的业务代码传输至所述子应用运行模块；

所述子应用运行模块，包括运行环境沙箱，所述解析后的业务代码在所述运行环境沙箱中执行。

8.根据权利要求7中所述的微前端系统，其特征在于，所述运行环境沙箱包括：JS沙箱、CSS沙箱和web worker沙箱。

9.根据权利要求8中所述的微前端系统，所述web worker沙箱，用于内联运行分配给web worker的脚本文件，以实现web worker的跨域调用。

10.根据权利要求1至9任一项所述的微前端系统，其特征在于，所述微前端系统还包括支持跨域资源共享的服务器。