[发明专利]一种子系统在前端系统的运行方法、前端系统

说明书

本发明属于电子技术领域，提供了一种前端系统，包括如下单元：第一服务器：用于存储子系统、子系统的配置文件，所述配置文件记载有子系统在第一服务器的存储地址和该子系统的入口文件；第二服务器：用于存储子系统所形成的软件包；主前端系统：其具有能够运行软件包的第一架构以及微前端架构，其用于从第二服务器获取该子系统的软件包进行注册并使用；用于从第一服务器获取配置文件，根据存储地址和入口文件，加载该子系统，并采用主前端系统的登录信息登录该子系统。该前端系统可实现多种集成方式的运行子系统，满足多样化的需求。同时，本发明还提供了一种子系统在前端系统运行的方法。

技术领域

本发明属于电子技术领域，更具体而言，涉及一种子系统在前端系统的运行方法、前端系统。

背景技术

目前前端系统只支持单独运行或以软件包的形式引入到特定的系统集成运行。

前端系统的集成方式有三种：微前端集成、npm软件包集成和iframe嵌套页面；(1)微前端集成，适用于主系统是微前端架构的系统，如以single-spa框架开发的微前端系统。(2)npm软件包集成。软件包是基于某个框架为基础开发的软件包。如目前主流的框架vue和react，在某个框架下开发的软件包只适用于对应框架的系统集成。如软件包是以vue框架为基础开发的。那么这个软件包只适用于以vue框架开发的主系统集成。(3)iframe嵌套页面适用于所有前端系统。特定的系统，就是特定在某个框架下开发的系统，如软件包是vue框架开发的，那么只适用于vue框架的主系统。

现有技术存在的问题在于：只支持单独运行，或只支持软件包的形式调用集成使用，无法满足各种场景的集成使用。

发明内容

本发明的主要目的在于提供一种前端系统，该前端系统可实现多种集成方式的运行子系统，满足多样化的需求。

同时，本发明还提供了一种子系统在前端系统运行的方法。

根据本发明的第一方面，提供了一种前端系统，包括如下单元：

第一服务器：用于存储子系统、子系统的配置文件，所述配置文件记载有子系统在第一服务器的存储地址和该子系统的入口文件；

第二服务器：用于存储子系统所形成的软件包；

主前端系统：其具有能够运行软件包的第一架构以及微前端架构，其用于从第二服务器获取该子系统的软件包进行注册并使用；用于从第一服务器获取配置文件，根据存储地址和入口文件，加载该子系统，并采用主前端系统的登录信息登录该子系统。

在上述的前端系统中，所述子系统在第一服务器中运行，主前端系统还用于以iframe嵌套页面的形式调用第一服务器中的运行的子系统。

在上述的前端系统中，基于微前端架构运行的子系统形成独立的实例并将运行数据均存储在该实例中。

在上述的前端系统中，所述第二服务器为npm服务器，所述第一架构为vue或react框架。

在上述的前端系统中，所述第一服务器、第二服务器各自独立的为一个或多个，所述第一服务器中存储有一组或多组子系统、子系统的配置文件，所述第二服务器中存储有一个或多个软件包。

同时，本发明还公开了一种子系统在前端系统运行的方法，所述方法在如权利要求上任一所述的前端系统中实施；

所述方法为：

根据需求，主前端系统从第一服务器中获取配置文件运行对应的子系统、从第二服务器中获取软件包运行对应的子系统。

在上述的子系统在前端系统运行的方法中，所述主前端系统以iframe嵌套页面的形式调用第一服务器中的子系统。