(19)中华人民共和国国家知识产权局
(12)发明专利申请
(10)申请公布号 (43)申请公布日 (21)申请号 201911153566.7
(22)申请日 2019.11.22
(71)申请人 广联达科技股份有限公司
地址 100193 北京市海淀区西北旺东路10
号院东区13号楼广联达信息大厦
(72)发明人 李改 刘智明
(74)专利代理机构 北京和信华成知识产权代理
事务所(普通合伙) 11390
代理人 张永辉
(51)Int.Cl.
G06F 8/41(2018.01)
G06F 8/71(2018.01)
(54)发明名称一种基于前端技术实现的微前端应用框架(57)摘要本发明实施例涉及一种基于前端技术实现的微前端应用框架，其特征在于，所述基于前端技术实现的微前端应用框架包括：通用微前端应用以及业务微前端应用；其中，所述基于前端技术实现的微前端应用框架用于使通用微前端应用以及业务微前端应用无缝衔接；对于通用微前端应用以及业务微前端应用的标准接口包括如下字段：编码、名称、图符、连接、Js代码、样式代码。可以实现如下功能：用户在界面级的业务流程和业务逻辑的变更需求；应用之间的业务协同需求；频繁的加入新业务，并与现有业务模块的无缝集成；局部应用模块的动态更新(开发和部署可以独立进行)； 租户应用配置实时修改更新。权利要求书2页 说明书6页 附图3页CN 111008015 A 2020.04.14 C N 111008015
A
1.一种基于前端技术实现的微前端应用框架，其特征在于，所述基于前端技术实现的微前端应用框架包括：通用微前端应用以及业务微前端应用；
其中，所述基于前端技术实现的微前端应用框架用于使通用微前端应用以及业务微前端应用无缝衔接；
对于通用微前端应用以及业务微前端应用的标准接口包括如下字段：编码、名称、图符、连接、Js代码
、样式代码。
2.根据权利要求1所述的基于前端技术实现的微前端应用框架，其特征在于，所述通用微前端应用以及业务微前端应用的标准接口，通过以下方式实现：
通用微前端应用以及业务微前端应用的标准接口采用restful风格的HTTP协议接口。
3.根据权利要求1所述的基于前端技术实现的微前端应用框架，其特征在于，所述通用微前端应用包括：
事件消息模块、前端工作流模块、配置引擎模块、设计时模块以及运行时模块。
4.根据权利要求3所述的基于前端技术实现的微前端应用框架，其特征在于，所述运行时模块包括如下API：
第一API，初始化通用微前端应用，完成通用微前端应用登录以及相关资源的加载；
第二API，获取通用微前端应用编码，以便获取通用微前端应用详细信息；
第三API，根据通用微前端应用编码，获取通用微前端应用详细配置；
第四API，根据通用微前端应用编码，获取通用微前端应用模块配置；
第五API，支持通用微前端应用debug模式切换；
第六API，支持通用微前端应用日志模式切换；
第七API，获取通用微前端应用支持的事件。
5.根据权利要求3所述的基于前端技术实现的微前端应用框架，其特征在于，所述设计时模块为所述运行时模块的编辑配置页面，用于配置通用微前端应用的配置参数。
6.根据权利要求3所述的基于前端技术实现的微前端应用框架，其特征在于，所述前端工作流模块通过如下方式实现：
通过类似脚本的方式定制、编就、更新一段简单的业务逻辑，便于后续扩展和更新。
7.根据权利要求3所述的基于前端技术实现的微前端应用框架，其特征在于，所述事件消息模块通信的基本协议包括如下字段：
消息发送包括如下字段：消息Id，消息名，app编码，消息体，消息级别。
8.根据权利要求3所述的基于前端技术实现的微前端应用框架，其特征在于，所述配置引擎模块通过以下方式实现：
通用配置针对一个配置单元由一组配置路径进行配置，配置值可以是任意Json数据；
其中，配置单元的类型取值包括：租户/应用系统/模块/用户/组件，并支持自定义扩展；
配置路径由一系列有序的键-值对组成，匹配规则将优先匹配前序路径项；
配置路径的各路径项可使用通配符“*”来表示匹配所有值。
9.根据权利要求1所述的基于前端技术实现的微前端应用框架，其特征在于，所述业务微前端应用包括如下状态：
开发/测试：开发者正在开发/测试过程中的业务微前端应用仅对当前开发者可见，不
能进行发布操作；
登记状态：注册过的业务微前端应用，仅当前租户管理员可见，当前租户可以对业务微前端应用进行个性化参数配置；
发布状态：发布的业务微前端应用，在应用列表中可见，订阅者可以订阅此业务微前端应用，被授权订阅的租户的应用Portal中可见，并可以使用及个性化配置此业务微前端应用；
冻结状态：被冻结的业务微前端应用，只能在Portal中可见，但所有业务功能对所有订阅者不可用。
10.根据权利要求1所述的基于前端技术实现的微前端应用框架，其特征在于，所述基于前端技术实现的微前端应用框架还包括：
添加/注册通用微前端应用以及业务微前端应用、配置通用微前端应用以及业务微前端应用、发布通用微前端应用以及业务微前端应用、删除通用微前端应用以及业务微前端应用。
一种基于前端技术实现的微前端应用框架
技术领域
[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]为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议