一、概念

单一服务:每改动一个地方,就要全部发布,还有相关的测试流程要重跑等;
微服务:
image.png
2016年提出的概念;2019年才实践;

二、优点

  1. 应用独立开发;
  2. 多独立团队开发;
  3. 灵活的技术选型;
  4. 高可扩展的开发;

    三、原理

    应用生命周期:

    路由跳转(核心):

    顶层路由 -> 业务路由 -> 业务应用

    隔离:

    js 执行环境的隔离:沙箱
    样式隔离:css modules

    四、主流微前端解决方案剖析

    iframe式的微前端

    缺点:

  5. 全局样式:iframe内的样式不能突破iframe固有的限制,类似全局mask遮罩层样式无法处理;

  6. url同步:顶层url与iframe url的同步问题,在非单页应用中不能同步,刷新后状态会丢失;
  7. seo: 有seo需求在这样的场景中无法实现;
  8. 多域名cookie同步:容易出现多个域名站点,而顶层域名下cookie需要与iframe共享域名的场景;

    single-spa

    image.png
    相关框架 QianKun

    Module Federation

    相关框架 EMP

    Web Components