解决问题

1
目标:遗留系统

往往这种系统都会有三个问题:

  • 框架陈旧,没办法直接使用直接更换新的技术
  • 业务复杂,老业务太复杂,当前很多业务已经没有人熟悉
  • 改造成本大,这条其实是由上面两个问题引起的

提出微前端,就是要解决上面的问题。

概念定义

1
将`单个大`体应用,拆分为`多个小`体应用。
  • 特性
    • 独立运行
    • 独立开发
    • 独立部署
  • 不足
    • 依赖需要各个应用自管理
    • 自行设计通讯机制与加载方式

落地步骤

实施步骤:

  1. 用HTTP服务器来重定向多个应用
  2. 不同框架之上,需要考虑通讯、加载
  3. 组合多个组件和独立应用来构建单体应用
  4. iFrame
  5. 纯 Web Components构建
  6. 结合 Web Components构建

设计理念

  • 中心化路由
  • 标识化应用
  • 生命周期
  • 独立部署与配置自动化

思维导图版

参考文章