[发明专利]一种基于云的支持多前端项目接入的架构

权利要求书

1.一种基于云的支持多前端项目接入的架构，其特征在于，包括前端操作页面、多个前端功能模块和前台统一API路由，其中：

所述前端操作页面提供针对业务系统的多个统一业务门户，一个统一业务门户对应一类用户，且一个统一业务门户内部包括所述业务系统的多个前端项目，所述一个统一业务门户允许所述一类用户访问所述多个前端项目，所述多个前端项目共用统一域名；

所述多个统一业务门户复用所述多个前端功能模块和所述前台统一API路由，针对任一统一业务门户，所述多个前端功能模块通过所述统一业务门户的负载均衡集群处理静态页面资源请求，所述前台统一API路由通过所述统一业务门户的负载均衡集群将所述前端操作页面的业务请求发送至后端服务器，以避免跨域，所述后端服务器用于对所述业务请求进行处理，所述业务请求为基于所述多个前端项目中任一前端项目发起的业务请求。

2.如权利要求1所述的架构，其特征在于，

所述多个前端项目中公共的多个功能代码被封装为独立的多个公共组件，所述多个公共组件至少包括：UI组件、导航栏、菜单栏、用户登录模块、权限管理模块、用户管理模块和业务功能模块。

3.如权利要求2所述的架构，其特征在于，所述多个公共组件的部署方式包括组件统一和部署统一中的至少一种；

其中，所述组件统一表征前端项目在引入公共组件时，将所述公共组件纳入所述前端项目的项目代码中，并将所述项目代码打包部署到生产环境中；所述部署统一表征公共组件单独打包并部署到生产环境中，前端项目在引入公共组件时，将所述前端项目的业务页面嵌入到所述公共组件中。

4.如权利要求3所述的架构，其特征在于，

针对任一统一业务门户，在所述统一业务门户采用所述组件统一的情况下，所述统一业务门户提供内部的多个前端项目使用到的公共组件，所述多个前端项目独立部署；

其中，用于提供统一样式和交互的公共组件被封装为通用组件，所述统一业务门户内部的多个前端项目通过npm package的方式引入所述通用组件，实现不同前端项目之间的组件统一，且所述统一业务门户的页面风格与所述统一业务门户内部的多个前端项目的页面风格一致。

5.如权利要求3所述的架构，其特征在于，

针对任一统一业务门户，在所述统一业务门户采用所述部署统一的情况下，额外部署一个门户项目，所述统一业务门户内部的多个前端项目提供除去所述公共组件之外的页面且独立部署；

其中，所述多个前端项目通过以下任一种方式嵌入所述门户项目中的组件：iframe；微前端技术；将所述门户项目中的组件打包成静态js与css并部署到生产环境中，以便所述多个前端项目引用。

6.如权利要求1所述的架构，其特征在于，

所述前台统一API路由为Nginx反向代理服务器，所述Nginx反向代理服务器与部署在所述Nginx反向代理服务器上的前端代码构建成镜像，通过流水线自动部署。

7.如权利要求1所述的架构，其特征在于，

在前端部署分为多个数据中心部署的情况下，所述多个数据中心的前端部署方式相同。

8.如权利要求7所述的架构，其特征在于，所述前端部署方式包括：

基于专属云的网络区域的个数部署一套或多套前端代码，所述网络区域的个数等于前端代码的套数，所述网络区域包括以下至少一种：外联区域、内联区域、DMZ区域和内网区域，统一业务门户内部的多个前端项目部署的网络区域为支持所述统一业务门户面向的访问渠道的网络区域；

其中，前端部署至少包括：前端门户CLB集群；前端项目Nginx集群；统一Nginx反向代理集群，所述内网区域部署统一API网关与统一微服务网关，部署所述DMZ区域、所述内联区域和所述外联区域的前端项目访问应用层均经过所述统一API网关和所述统一微服务网关。