模板 / flowchart
微前端架构
应用外壳围绕共享事件总线组合多个独立部署的微前端。
预览
Mermaid 11 渲染器
正在渲染预览...
Mermaid 源码
flowchart
flowchart TD
shell[App shell] --> nav[Nav micro-frontend]
shell --> catalog[Catalog micro-frontend]
shell --> cart[Cart micro-frontend]
shell --> checkout[Checkout micro-frontend]
catalog --> catalogApi[(Catalog API)]
cart --> cartApi[(Cart API)]
checkout --> paymentApi[(Payment API)]
shell --> eventBus{{Shared event bus}}
nav --> eventBus
catalog --> eventBus
cart --> eventBus