知识卡片
企业级前台应用与微前端的三点角色分工差异
内容
企业级前台应用(如统一保险销售App)和业务单元的微前端,虽然都属于”前端”,但两者不是同一层级的东西,容易被混为一谈。第一点,页面功能定位不同:企业级前台应用只负责页面导航、页面流程编排、常驻页面(如商品、购物车入口)管理,本身不涉及任何具体业务逻辑;具体的业务页面功能都由各业务单元的微前端来实现。第二点,业务流程定位不同:企业级前台应用组合编排的是跨越多个业务单元、站在企业全局高度的大流程(如”选商品→录单→加购物车→生成订单→支付”这条贯穿多个中台的完整链路),而每个微前端只负责它所在业务单元内部的小流程(如录单微前端只管投保单录入这一段);企业级大流程是由许多单元内小流程拼接而成的。第三点,所需的技术能力不同:企业级前台应用需要具备微前端配置和注册管理、模块动态加载、路由分发、全局数据分发和跨应用通信等一整套基础设施能力;而单个微前端只需要按普通前端开发方式完成本单元的页面逻辑,并与本单元的微服务完成常规前后端集成即可,不需要关心其他业务单元的存在。这三点差异共同决定了[[业务单元限界上下文向前端延伸出的天然独立单元]]在落地时该如何分层:微前端负责”点”上的业务完整性,企业级前台应用负责把这些”点”编排成用户感知不到断层的”面”。
结构图:
flowchart TB
subgraph S1["企业级前台应用(Base主页面)"]
direction TB
F1["页面导航 / 流程编排 / 常驻入口管理<br/>(不含具体业务逻辑)"]
F2["组合多个业务单元的<br/>企业级跨领域大流程"]
F3["需要:模块加载器 / 路由分发 /<br/>全局数据分发 / 跨应用通信"]
end
subgraph S2["业务单元微前端(如录单微前端)"]
direction TB
G1["具体业务页面功能"]
G2["仅限单元内部的局部小流程"]
G3["普通前端开发方式 +<br/>与本单元微服务的常规集成"]
end
S1 -->|页面路由动态加载/编排| S2
参考来源
- 位置:第22章《中台战略下的保险订单化设计》"22.6.1 企业级前台应用"(源文件:_epub-src/OEBPS/Text/chapter6-1-6-1.xhtml)
- 结论依据:原文分三点说明"1.页面功能定位不一样……企业级前台应用……通常不涉及具体的业务逻辑。业务相关的页面功能主要由业务单元的微前端来实现。2.业务流程定位不一样……前者业务流程站在企业级全局高度,而后者只限于领域模型的内部业务逻辑。3.技术能力要求不一样……企业级前台应用需要有微前端配置和注册管理能力、微前端模块加载能力、路由分发能力、全局数据分发能力和数据通信能力等基础能力",直接支撑本卡片结论。
- 原始内容:企业级前台应用基于前台总体集成框架,实现微前端应用的集成,完成前端主页面的页面导航、页面流程编排和常驻前端页面的管理,通常不涉及具体的业务逻辑……企业级前台应用需要加载和编排多个微前端页面,因此需要有微前端配置和注册管理能力、微前端模块加载能力、路由分发能力、全局数据分发能力和数据通信能力等基础能力。