技术领域
[0001] 本
发明实施例涉及计算机信息技术领域，尤其涉及一种基于前端技术实现的微前端应用框架。
背景技术
[0002] SaaS(Software-as-a-Service，
软件即服务)是随着互联网技术的发展和
应用软件的成熟，在21世纪开始兴起的一种完全创新的软件应用模式。以SaaS为主的应用场景，应用开发逐渐往前端倾斜，客户对应用快速更新、
迭代、新业务的快速集成的需求越来越迫切，尤其是对于企业和政府等机构，对于业务系统的个性化定制需求以及更新
频率具有更高的要求，然而这种需求与SaaS产品化解决方案存在冲突。
[0003] 为了应对上述需求，相关技术中，大都是基于开发的代码框架，例如React、Redux仅仅属于技术框架，有一定的学习曲线成本，并且搭建系统需要一定的周期。另外也有些提供了前端组件，但是前端组件大都是偏向于UI前端组件，在纯技术框架
基础上为开发人员提供了些许便利，但是仍无法快速搭建应用。再者前端组件也可以提供一定程序的配置，但是缺少用户在产品层面做少量的应用界面配置。
发明内容
[0004] 鉴于此，为解决上述技术问题或部分技术问题，本发明实施例提供了一种基于前端技术实现的微前端应用框架。
[0005] 本发明实施例提供了一种基于前端技术实现的微前端应用框架，所述基于前端技术实现的微前端应用框架包括：通用微前端应用以及业务微前端应用；
[0006] 其中，所述基于前端技术实现的微前端应用框架用于使通用微前端应用以及业务微前端应用无缝衔接；
[0007] 对于通用微前端应用以及业务微前端应用的标准
接口包括如下字段：编码、名称、图符、连接、Js代码、样式代码。
[0008] 在一个可能的实施方式中，所述通用微前端应用以及业务微前端应用的标准接口，通过以下方式实现：
[0009] 通用微前端应用以及业务微前端应用的标准接口采用restful
风格的HTTP协议接口。
[0010] 在一个可能的实施方式中，所述通用微前端应用包括：
[0011] 事件消息模
块、前端工作流模块、配置引擎模块、设计时模块以及运行时模块。
[0012] 在一个可能的实施方式中，所述运行时模块包括如下API：
[0013] 第一API，初始化通用微前端应用，完成通用微前端应用登录以及相关资源的加载；
[0014] 第二API，获取通用微前端应用编码，以便获取通用微前端应用详细信息；
[0015] 第三API，根据通用微前端应用编码，获取通用微前端应用详细配置；
[0016] 第四API，根据通用微前端应用编码，获取通用微前端应用模块配置；
[0017] 第五API，支持通用微前端应用debug模式切换；
[0018] 第六API，支持通用微前端应用日志模式切换；
[0019] 第七API，获取通用微前端应用支持的事件。
[0020] 在一个可能的实施方式中，所述设计时模块为所述运行时模块的编辑配置页面，用于配置通用微前端应用的配置参数。
[0021] 在一个可能的实施方式中，所述前端工作流模块通过如下方式实现：
[0022] 通过类似脚本的方式定制、编就、更新一段简单的业务逻辑，便于后续扩展和更新。
[0023] 在一个可能的实施方式中，所述事件消息模块通信的基本协议包括如下字段：
[0024] 消息发送包括如下字段：消息Id，消息名，app编码，消息体，消息级别。
[0025] 在一个可能的实施方式中，所述配置引擎模块通过以下方式实现：
[0026] 通用配置针对一个配置单元由一组配置路径进行配置，配置值可以是任意Json数据；
[0027] 其中，配置单元的类型取值包括：租户/应用系统/模块/用户/组件，并支持自定义扩展；
[0028] 配置路径由一系列有序的键-值对组成，匹配规则将优先匹配前序路径项；
[0029] 配置路径的各路径项可使用
通配符“*”来表示匹配所有值。
[0030] 在一个可能的实施方式中，所述业务微前端应用包括如下状态：
[0031] 开发/测试：开发者正在开发/测试过程中的业务微前端应用仅对当前开发者可见，不能进行发布操作；
[0032] 登记状态：注册过的业务微前端应用，仅当前租户管理员可见，当前租户可以对业务微前端应用进行个性化参数配置；
[0033] 发布状态：发布的业务微前端应用，在应用列表中可见，订阅者可以订阅此业务微前端应用，被授权订阅的租户的应用Portal中可见，并可以使用及个性化配置此业务微前端应用；
[0034] 冻结状态：被冻结的业务微前端应用，只能在Portal中可见，但所有业务功能对所有订阅者不可用。
[0035] 在一个可能的实施方式中，所述基于前端技术实现的微前端应用框架还包括：
[0036] 添加/注册通用微前端应用以及业务微前端应用、配置通用微前端应用以及业务微前端应用、发布通用微前端应用以及业务微前端应用、删除通用微前端应用以及业务微前端应用。
[0037] 本发明实施例提供的基于前端技术实现的微前端应用框架，可以实现如下功能：用户在界面级的业务流程和业务逻辑的变更需求；应用之间的业务协同需求；频繁的加入新业务，并与现有业务模块的无缝集成；局部应用模块的动态更新(开发和部署可以独立进行)；租户应用配置实时
修改更新。
附图说明
[0038] 为了更清楚地说明本
说明书实施例或
现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书实施例中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。
[0039] 图1为本发明实施例示出的一种基于前端技术实现的微前端应用框架的示意图；
[0040] 图2为本发明实施例示出的一种通用微前端应用的框架示意图；
[0041] 图3为本发明实施例示出的一种业务微前端应用的生命周期的示意图；
[0042] 图4为本发明实施例示出的一种业务微前端应用状态的示意图；
[0043] 图5为本发明实施例示出的一种管理通用微前端应用以及业务微前端应用的示意图；
[0044] 图6为本发明实施例示出的一种配置通用微前端应用以及业务微前端应用的示意图；
[0045] 图7为本发明实施例示出的一种配置通用微前端应用以及业务微前端应用的专题信息的示意图。
具体实施方式
[0046] 为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0047] 为便于对本发明实施例的理解，下面将结合附图以具体实施例做进一步的解释说明，实施例并不构成对本发明实施例的限定。
[0048] 如图1所示，为本发明实施例提供的一种基于前端技术实现的微前端应用框架的示意图，其可以容纳通用微前端应用以及业务微前端应用。
[0049] 对于通用微前端应用以及业务微前端应用可以各司其职，所述基于前端技术实现的微前端应用框架可以使通用微前端应用以及业务微前端应用无缝衔接，同时支持通用微前端应用以及业务微前端应用的注册，便于快速集成。
[0050] 对于通用微前端应用，可以包括如二三维地图引擎、应用间事件通讯、布局管理、前端数据模型管理、实时消息通知、前端工作流[事先定义好的前端应用执行流转逻辑流程]、应用配置分发更新管理，统一的登录认证管理，统一的服务调用管理；
[0051] 对于业务微前端应用，可以包括如业务专题页面、用户组织架构管理、权限管理、工作流程管理。
[0052] 另外，基于前端技术实现的微前端应用框架可以支持多租户管理，不同的租户可以看到不同的通用微前端应用以及业务微前端应用，对通用微前端应用以及业务微前端应用进行定制。
[0053] 在本发明实施例中，对于通用微前端应用以及业务微前端应用，采用的标准接口包括如下字段：编码、名称、图符、连接、Js代码、样式代码，如下表1所示。
[0054]
[0055]
[0056] 表1
[0057] 获取通用微前端应用以及业务微前端应用相关信息的标准接口采用restful风格的HTTP协议接口，根据appCode可以返回app相关信息。
[0058] 对于通用微前端应用，如图2所示，包括如下模块：事件消息模块、前端工作流模块、配置引擎模块、设计时模块以及运行时模块。
[0059] 对于运行时模块，提供了一套标准的API(Application Programming Interface，应用程序接口)：
[0060] 第一API，初始化通用微前端应用，完成通用微前端应用登录以及相关资源(代码及样式文件等)的加载；
[0061] 第二API，获取通用微前端应用编码，以便获取通用微前端应用详细信息；
[0062] 第三API，根据通用微前端应用编码，获取通用微前端应用详细配置；
[0063] 第四API，根据通用微前端应用编码，获取通用微前端应用模块配置；
[0064] 第五API，支持通用微前端应用debug模式切换；
[0065] 第六API，支持通用微前端应用日志模式切换；
[0066] 第七API，获取通用微前端应用支持的事件。
[0067] 对于设计时模块，为运行时模块的编辑配置页面，可以在System和application中进行(按照租户为单位进行)，配置通用微前端应用的配置参数，名称、基本mode、前端工作流模块中脚本(多个)。
[0068] 对于前端工作流模块，通过类似脚本的方式定制、编就、更新一段简单的业务逻辑，便于后续扩展和更新。其中，脚本必须是用户可以编辑的，在租户配置系统Application的时候进行，Application》Micro Application》组件。
[0069] 对于事件消息模块，服务于应用page之间的跳转，或者业务驱动流程的执行可以用消息驱动方式，驱动的源头可以是前端工作流模块。其通信的基本协议如下：
[0070] 1、消息发送需包含如下字段：消息发送包括如下字段：消息Id，消息名，app编码，消息体，消息级别；
[0071] 2、消息接受可以通过subscribe接口订阅：可选择根据消息ID，进行订阅。
[0072] 对于基于前端技术实现的微前端应用框架的一个核心点事快速支持个性化定制，因此对于配置引擎模块实现原理如下：
[0073] 通用配置针对一个配置单元(unit)由一组配置路径(routing)进行配置，配置值可以是任意Json数据。
[0074] 其中：配置单元的类型(unit_type)取值包括：租户(tenant)/应用系统(app)/模块(app_module)/用户(user)/组件(widget)，并支持自定义扩展；
[0075] 配置路径(routing)由一系列有序的键-值对组成，匹配规则将优先匹配前序路径项；
[0076] 配置路径(routing)的各路径项可使用通配符“*”来表示匹配所有值；
[0077] 个性化系统通用配置服务采用统一的配置参数存、取接口，使用Redis
数据库存储数据，并开启持久化。
[0078] 个性化系统通用配置服务基本设计目标是针对各种场景下的配置，当存在个性化配置时使用个性化配置的值，当没有个性化配置时采用通用配置的值。例如，一个天气环境的组件界面
颜色采用蓝色背景，租户T1希望使用红色背景，租户T1可以配置针对T1的个性化配置，而这个配置只针对T1有效使用红色背景，其它租户不受T1租户的设置影响，租户T2没有配置个性化的参数，当T2
访问系统时会采用通用的配置即取蓝色背景。
[0079] 对于业务微前端应用，如图3所示，为业务微前端应用的生命周期，针对业务微前端应用存在如下状态，如图4所示：
[0080] 开发/测试：开发者正在开发/测试过程中的业务微前端应用仅对当前开发者可见，不能进行发布操作；
[0081] 登记状态：注册过的业务微前端应用，仅当前租户管理员可见，当前租户可以对业务微前端应用进行个性化参数配置；
[0082] 发布状态：发布的业务微前端应用，在应用列表中可见，订阅者可以订阅此业务微前端应用，被授权订阅的租户的应用Portal中可见，并可以使用及个性化配置此业务微前端应用；
[0083] 冻结状态：被冻结的业务微前端应用，只能在Portal中可见，但所有业务功能对所有订阅者不可用。
[0084] 另外，在基于前端技术实现的微前端应用框架中，可以实现通用微前端应用以及业务微前端应用的统一管理，包括：添加/注册通用微前端应用以及业务微前端应用、配置通用微前端应用以及业务微前端应用、发布通用微前端应用以及业务微前端应用、删除通用微前端应用以及业务微前端应用，如图5所示。
[0085] 对于配置通用微前端应用以及业务微前端应用，是对通用微前端应用以及业务微前端应用的基本信息、全局配置信息、专题信息以及菜单进行配置，如图6所示。
[0086] 对于配置通用微前端应用以及业务微前端应用的专题信息，是对通用微前端应用以及业务微前端应用的布局、页面所包含功能业务组件参数进行配置，如图7所示。
[0087] 通过上述对本发明实施例提供的基于前端技术实现的微前端应用框架的描述，可以实现如下功能：用户在界面级的业务流程和业务逻辑的变更需求；应用之间的业务协同需求；频繁的加入新业务，并与现有业务模块的无缝集成；局部应用模块的动态更新(开发和部署可以独立进行)；租户应用配置实时修改更新。
[0088] 专业人员应该还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及
算法步骤，能够以
电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。
专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
[0089] 结合本文中所公开的实施例描述的方法或算法的步骤可以用硬件、处理器执行的
软件模块，或者二者的结合来实施。软件模块可以置于随机
存储器(RAM)、内存、
只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、
硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
[0090] 以上所述的具体实施方式，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施方式而已，并不用于限定本发明的保护范围，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
