😄--微前端的架构

1. 微前端

将一个巨大的前端项目拆分成为很多的小的前端项目;

(1) 如何拆分?

(2) 如何协作?

将一个单页面前端应用 由单一的单体应用转变为多个小型前端应用聚合为一的应用;

各个前端项目可以单一开发,并且单一部署;

同时,它们之间可以使用共享组件并行开发;

为什么要需要为前端这样的思想进行架构项目:

(1) 遗留系统迁移;

(2) 聚合前端应用;

(3) 新技术;


微前端
好处:

(1) 分而治之;遵循统一接口规范或框架;

(2) 单一职责;只需要关注自己的业务功能就好;

(3) 技术栈无关;

缺点:

(1) 依赖基础设施构建,依赖项的维护成本;

(2) 拆分粒度过小,维护成本较高;

(3) 技术栈混乱;

2.架构

  1. 查找应用的机制。固定值配置文件(动态更新配置)
功能:

(1) 应用发现;

(2) 应用注册;

(3) 第三方应用注册;

(4) 访问权限管理;

设计理念:

中心化:应用注册表;

标识化应用:需要一个标识符来标记不同的应用;

应用生命周期管理;

高内聚,低耦合;

生命周期:

微前端应用作为一个客户端应用,每一个应用都拥有自己的生命周期;

Loadàbootstrapàmountàunloadàunmount

加载—》分配资源—》创建domà删除应用生命周期—》卸载删除事件dom

3. 如何进行拆分(通过哪些原则)

(1) 技术方式

(2) 路由分发方式

(3) 前端微服务化

(4) 组合式集成:微应用化

(5) 微件化

(6) 前端容器化

(7) 业务拆分

(8) 应用微化架构

(9) 整洁前端架构

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在过去的几个星期里,随着 Martin Fowler 博客上那篇 Cam Jackson 写的微前端的文章发布,到...
    ThoughtWorks阅读 1,061评论 0 1
  • 什么是微前端 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转...
    belllee阅读 23,363评论 0 17
  • 一、生命周期 一个事物一旦出生,就必然会长大,变异,一旦长大,就面临着衰老,接下来就是消亡了,这个过程就称为一个事...
    ZyBlog阅读 2,693评论 1 11
  • 微服务最近非常流行,各大互联网公司纷纷采用微服务架构体系,微服务架构模式正在为敏捷部署以及复杂企业应用实施提供巨大...
    Sting阅读 9,111评论 0 57
  • 谢谢你的来信。 在你开始往下看的时候,我希望你找个安静的时间,安静的地方。顺便听一首我现在正在循环播放...
    尾鲤巷阅读 219评论 0 1