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

说明书

本申请公开了一种基于云的支持多前端项目接入的架构，包括：前端操作页面、多个前端功能模块和前台统一API路由，前端操作页面提供针对业务系统的多个统一业务门户，一个统一业务门户内部包括业务系统的多个前端项目，且允许一类用户访问多个前端项目，多个前端项目共用统一域名；多个统一业务门户复用多个前端功能模块和前台统一API路由，针对任一统一业务门户，多个前端功能模块和前台统一API路由分别通过统一业务门户的负载均衡集群处理静态页面资源请求和前端操作页面的业务请求，以避免跨域。本申请实施例可以实现多个前端项目之间的相互调用，且针对同一个统一业务门户下的多个前端项目而言，可以在不跨域的情况下实现数据共享。

技术领域

本申请涉及计算机技术领域，尤其涉及一种基于云的支持多前端项目接入的架构。

背景技术

目前，针对服务行业而言，其业务系统通常可以提供多项服务，比如，在保险行业中，其业务系统可以提供承保服务、车险理赔服务以及非车险理赔服务等。通常，业务系统在提供多项服务时，每项服务可以分别对应一个前端应用，用户可以基于前端应用向业务系统发起业务请求，业务系统在接收到业务请求后，可以为用户提供相应服务。

基于目前的技术架构，业务系统的多个前端应用之间是相互独立的，而在实际应用中，为了更好地提供服务，往往需要业务系统的多个前端应用之间可以相互调用，且多个前端应用之间可以进行数据共享，然而目前还缺少一种有效地方案可以实现上述目的。

发明内容

本申请实施例提供一种基于云的支持多前端项目接入的架构，用于解决目前业务系统提供的多个前端应用之间，无法有效地进行相互调用以及数据共享的问题。

为解决上述技术问题，本申请实施例是这样实现的：

本申请实施例基于云的支持多前端项目接入的架构，包括前端操作页面、多个前端功能模块和前台统一API路由，其中：

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

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

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

可选地，所述多个公共组件的部署方式包括组件统一和部署统一中的至少一种；

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

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

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