CN111078204A - 基于微前端架构的业务中台前端系统 - Google Patents

Abstract

本发明公开了一种基于微前端架构的业务中台前端系统，包括微前端架构，所述微前端架构按照业务类型划分为多个业务模块。本发明单个模块的代码量小，业务单一，不同的功能分为不同的模块，模块之间耦合性低，相互影响小，修改代码风险性低，解决了原来系统复杂性高的问题。

Description

基于微前端架构的业务中台前端系统

技术领域

本发明涉及一种基于微前端架构的业务中台前端系统。

背景技术

由于现有前端系统的技术栈过于老旧，前端模块较多，各个模块的边界及相互的依赖关系不清晰，功能扩展能力不够，重构及维护成本较高，导致整个系统十分复杂。随着需求变更和开发人员更迭，会逐渐形成应用程序的技术债务，并且越积越多，使得前端设计或代码修改困难。现有前端架构只能作为一个整体进行扩展，无法结合当前业务中台的特点进行伸缩。现有前端系统的不同的模块相互影响，一个微小的问题，都可能导致整个应用失效。现有端系统使用统一的技术平台或方案解决所有问题，开发团队的每个成员都必须使用相同的架构和单一技术栈，想要引入新的前端技术栈非常困难，技术选型不灵活。现有前端系统过于庞大，代码编译慢，开发体验差，每次需求变更或Bug修复都会导致重新部署整个系统，全量部署耗时长、影响范围大、风险高，这使得上线部署的频率较低，出错概率高，单一技术栈已经无法满足业务中台的需求，需要一种更高维度的前端解耦方案。现有系统的代码可重用差，代码重复性高，导致开发成本高。

发明内容

本发明的目的是提供一种基于微前端架构的业务中台前端系统，微前端架构按照业务来划分模块，单个模块的代码量小，业务单一，不同的功能分为不同的模块，模块之间耦合性低，相互影响小，修改代码风险性低，解决了原来系统复杂性高的问题。

为了实现上述目的，本发明提供一种基于微前端架构的业务中台前端系统，包括微前端架构，所述微前端架构按照业务类型划分为多个业务模块。

进一步地，各所述业务模块适于独立横向扩展以满足业务伸缩性。

进一步地，各所述业务模块适于单独部署。

进一步地，所述业务模块包括内容管理模块、编排管理模块、广告管理模块、支付中心模块、用户中心模块和系统管理模块所述；所述内容管理模块用于大小屏直播点播内容管理，适于支持多标签、多类目视频内容管理；所述编排管理模块用于编排大小屏直播点播内容，适于向终端至少呈现组合分类、排序、搜索功能；所述广告管理模块用于接入视频、图片、链接、apk下载及第三方广告，将各页面广告推荐位呈现给用户；所述支付中心模块通过统一下单接口，支持支付宝、微信支付及其他第三方支付方式，管理各产品包、优惠券功能实现分渠道统一下单，统一支付流程；所述用户中心模块用于用户注册、登录及第三方登录，支持二次扩展开发，对用户评论、订单数据进行集中管理及数据统计；所述系统管理模块基于用户授权的细粒度权限管理业务中台，至少适于自由定义组织、角色、权限、资源。

进一步地，所述业务中台前端系统包括统一认证鉴权模块；所述统一认证鉴权模块用于实现统一的安全认证与鉴权，使得各所述业务模块之间按需隔离和安全互通。

进一步地，所述业务中台前端系统包括文件存储模块；所述文件存储模块用于统一文件传输接口，并适于扩展第三方文件存储服务。

通过本发明的上述技术方案，业务中台前端系统的微前端架构按照业务类型来划分模块，单个模块的代码量小，业务单一，不同的功能分为不同的模块，模块之间耦合性低，相互影响小，修改代码风险性低，解决了原来系统复杂性高的问题。另外，各业务模块可以独立横向扩展以满足业务伸缩性，减少资源的不必要消耗，解决了原来系统扩展能力受限的问题。单个业务模块发生错误，不影响全局应用，解决了容错性差的问题。不同业务模块由不同的团队成员开发，团队成员可选择新的前端技术栈和架构，解决了技术选型不灵活的问题。不同的业务模块可单独部署，只要构建和部署有变动的模块即可，解决了原来系统部署频率低的问题。各业务模块有自己独立单一的功能，几个业务模块通过组合形成业务流程，不同项目的公共模块功能无需重复开发，直接调用即可，解决了原来系统开发成本高的问题。

本发明实施例的其它特征和优点将在随后的具体实施方式部分予以详细说明。

附图说明

附图是用来提供对本发明实施例的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本发明实施例，但并不构成对本发明实施例的限制。在附图中：

图1为本发明一实施例的原理框图；

图2为本发明一实施例中基座模式微前端架构的示意图；

图3为本发明一实施例中路由分发模式微前端架构的示意图；

图4为本发明一实施例中组合式集成模式微前端架构的示意图。

具体实施方式

以下结合附图对本发明实施例的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本发明实施例，并不用于限制本发明实施例。

业务中台前端系统主要根据以下几个方面进行拆分解耦：

(1)拆分前提：把有独立属性、边界明显的业务模块优先拆分，模块之间尽可能单向调用，避免模块之间互相耦合。

(2)业务划分：模块拆分时先从项目的业务类型角度确定合理的拆分方案，尽量先按业务功能合理的规划出拆分边界，并且要考虑业务模块的独立性和专业性及业务方面的需求。

(3)模块扩展：单独部署具有不同扩展性需求的业务模块，可降低成本，提高效率。分离出需求经常变化的业务模块，可利于业务模块的扩展和故障快速定位。

将业务中台原有前端架构拆分为微前端架构详细流程和步骤如下：

(1)建立集中配置

业务中台微前端系统分布式环境下，采用集中配置管理各个模块。动态配置可以采用中心化、外部化和动态化等方式管理前端模块，让模块化配置变得更加高效、敏捷，各业务模块按需进行弹性扩展变得更容易。

(2)将业务模块按业务类型进行解耦拆分，可拆分成如图1所示的多个业务模块，具体包括：

内容管理模块：用于大小屏直播点播内容的管理，支持多标签、多类目视频内容管理，可配置(logo背景图片等)；

编排管理模块：用于编排大小屏直播点播内容，组合分类、排序、搜索等功能呈现给终端；

广告管理模块：用于接入视频、图片、链接、apk下载及第三方广告等，将各页面广告推荐位呈现给用户；

支付中心模块：用于通过统一下单接口，支持支付宝、微信支付及其他第三方支付的方式，管理各产品包、优惠券等功能实现分渠道统一下单，统一支付流程；

用户中心模块：用于实现最常用的用户注册、登录、第三方登录等基本需求，支持二次扩展开发，可对用户评论、订单数据做集中管理及数据统计；

系统管理模块：基于用户授权的细粒度权限控制通用平台，接入的系统可自由定义组织、角色、权限、资源等。

另外，业务中台前端系统可包括统一认证鉴权模块，安全认证基于Auth2.0及Jsonweb token实现统一的安全认证与鉴权，使得各业务模块之间能够按需隔离和安全互通。在认证和权限方面有完善并且扩展性良好的模块组件，可以作为业务中台前端系统的公共的认证和鉴权模块。

业务中台前端系统可包括文件存储系统，可采用本地分布式存储，统一文件传输接口，可扩展第三方存储服务，如阿里云oss、腾讯云cos、七牛云等。

在本发明的一个实施例中，如图2所示，业务中台微前端系统采用基座模式：基座模式就是管理模式，即通过一个主模块来管理其他业务模块。通过集中配置中心的注册配置，将各个业务模块注入。同时主模块通过集中配置中心发现各个业务模块的配置。

在本发明的一个实施例中，如图3所示，微前端架构采用路由分发模式：业务中台微前端系统采用路由分发模式，即通过路由将不同的业务模块分发到各个独立模块应用上，如通过nginx服务器的反向代理和应用框架自带的路由模式来解决。

在本发明的一个实施例中，微前端架构采用组件化开发模式：业务中台微前端系统采用组件化开发模式，将业务模块代码编译好部署到远程服务器上，运行时只需要加载相应的业务模块即可。更新代码时只需要更新对应的业务模块即可。

在本发明的一个实施例中，如图4所示，微前端架构采用组合式集成模式：业务中台微前端系统各个业务模块开发时都是以单一、微模块形式存在，在运行时通过构建系统来合并这些单一模块，从而组合成新的应用。

在本发明的一些实施例中，相对于现有技术，可实现预料不到的技术效果，详见下表。

以上结合附图详细描述了本发明实施例的可选实施方式，但是，本发明实施例并不限于上述实施方式中的具体细节，在本发明实施例的技术构思范围内，可以对本发明实施例的技术方案进行多种简单变型，这些简单变型均属于本发明实施例的保护范围。

另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合。为了避免不必要的重复，本发明实施例对各种可能的组合方式不再另行说明。

此外，本发明实施例的各种不同的实施方式之间也可以进行任意组合，只要其不违背本发明实施例的思想，其同样应当视为本发明实施例所公开的内容。

Claims (6)

1.基于微前端架构的业务中台前端系统，其特征在于，包括微前端架构，所述微前端架构按照业务类型划分为多个业务模块。

2.根据权利要求1所述的基于微前端架构的业务中台前端系统，其特征在于，各所述业务模块适于独立横向扩展以满足业务伸缩性。

3.根据权利要求1所述的基于微前端架构的业务中台前端系统，其特征在于，各所述业务模块适于单独部署。

4.根据权利要求1-4任一项所述的基于微前端架构的业务中台前端系统，其特征在于，所述业务模块包括内容管理模块、编排管理模块、广告管理模块、支付中心模块、用户中心模块和系统管理模块所述；所述内容管理模块用于大小屏直播点播内容管理，适于支持多标签、多类目视频内容管理；所述编排管理模块用于编排大小屏直播点播内容，适于向终端至少呈现组合分类、排序、搜索功能；所述广告管理模块用于接入视频、图片、链接、apk下载及第三方广告，将各页面广告推荐位呈现给用户；所述支付中心模块通过统一下单接口，支持支付宝、微信支付及其他第三方支付方式，管理各产品包、优惠券功能实现分渠道统一下单，统一支付流程；所述用户中心模块用于用户注册、登录及第三方登录，支持二次扩展开发，对用户评论、订单数据进行集中管理及数据统计；所述系统管理模块基于用户授权的细粒度权限管理业务中台，至少适于自由定义组织、角色、权限、资源。

5.根据权利要求4所述的基于微前端架构的业务中台前端系统，其特征在于，所述业务中台前端系统包括统一认证鉴权模块；所述统一认证鉴权模块用于实现统一的安全认证与鉴权，使得各所述业务模块之间按需隔离和安全互通。

6.根据权利要求5所述的基于微前端架构的业务中台前端系统，其特征在于，所述业务中台前端系统包括文件存储模块；所述文件存储模块用于统一文件传输接口，并适于扩展第三方文件存储服务。

Images