微前端-落地与实践的探索

image.png

相关背景

你是否有遇到当我们想处理某一个工作时需要打开多个不同的系统(网站)来进行工作,这种各个系统之间入口不一样但是其业务是有一定的关联性的,你可能觉得那我直接在开发的时候把所有的功能都写在一个系统中就行了,当然是可以的,但同时也引入了其他的问题,如系统会很庞大,管理复杂度增多,协作难度提高,伴随而来的风险也会提高,那有没有一种有效的方案来解决这个问题呢 ?

我们先来想一想我们想要的效果是怎么样的:

  • 带有关联性业务的操作都可以在同一个平台上进行操作(同一个网站),减少多个平台直接的跳转。
  • 各个项目直接的独立的,相互隔离的,互不影响各自的开发。
  • 维护方便,无需维护多个系统,降低维护成本。

总体设计

简单案例

相关资料

  1. qiankun(蚂蚁金服开源微前端框架):https://github.com/umijs/qiankun
  2. wuji(腾讯开源微前端框架):https://github.com/Tencent/wujie
  3. Vmware 开源框架: https://github.com/single-spa/single-spa
  4. 微前端在美团外卖的实践https://tech.meituan.com/2020/02/27/meituan-waimai-micro-frontends-practice.html
  5. Nginx:http://nginx.org/en/
  6. 阿里云控制台:https://github.com/aliyun/alibabacloud-console-design

微前端-落地与实践的探索
https://mikeygithub.github.io/2021/08/15/yuque/微前端-落地与实践的探索/
作者
Mikey
发布于
2021年8月15日
许可协议