学习微前端

1、什么是微前端?

什么是微服务?先看看维基百科的定义:
微服务是一种软件架构风格,它是以专注于单一责任与功能的小型功能区块 为基础,利用模块化的方式组合出复杂的大型应用程序,各功能区块使用与语言无关的API集相互通信。

微前端的提出

一种由独立交付的多个前端应用组成整体的架构风格。具体的,将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块,而在用户看来仍然是内聚的单个产品。

2、微前端的特点

  • 简单、松耦合的代码库:代码库更小,更内聚、可维护性更高
  • 增量升级:渐进地升级、更新甚至重写部分前端功能成为了可能。在逐步重构的同时,既要确保中间版本能够平滑过渡,同时还要持续交付新特性。先让新旧代码和谐共存,再逐步转化旧代码,直到整个重构完成。这种增量升级的能力意味着我们能够对产品功能进行低风险的局部替换,包括升级依赖项、更替架构、UI 改版等。另一方面,也带来了技术选型上的灵活性,有助于新技术、新交互模式的实验性试错。
  • 独立开发、测试、部署:缩小变更范围,进而降低相关风险。
  • 团队自治:除代码库及发布周期上的解耦之外,微前端还有助于形成完全独立的团队,自治的团队可扩展性更好。

所有依赖人为约束的方案都很难避免由于人的疏忽导致的线上 bug。

所有的软件工程原则也都会告诉我们,不遗余力、不计成本的去优化、解决一个技术问题是不可取的,尤其是在这个问题的投入产出比不高的情况下。

微前端倡导的不是消极的、投降主义的去回避系统中的历史遗留问题,而是告诉我们,很多时候 我们可以通过分而治之的手段,让「上帝的归上帝,凯撒的归凯撒」

3、真的需要使用微前端吗?

存在以下场景时,你可能就 不需要微前端:

  • 你/你的团队 具备系统内所有架构组件的话语权
  • 简单来说就是,系统里的所有组件都是由一个小的团队开发的。
  • 你/你的团队 有足够动力去治理、改造这个系统中的所有组件
  • 直接改造存量系统的收益大于新老系统混杂带来的问题。
  • 系统及组织架构上,各部件之间本身就是强耦合、自洽、不可分离的
  • 系统本身就是一个最小单元的「架构量子」,拆分的成本高于治理的成本。
  • 极高的产品体验要求,对任何产品交互上的不一致零容忍
  • 不允许交互上不一致的情况出现,这基本上从产品上否决了渐进式升级的技术策略

满足以下几点,你才确实可能 需要微前端:

  • 系统本身是需要集成和被集成的 一般有两种情况:
    • 旧的系统不能下,新的需求还在来。没有一家商业公司会同意工程师以单纯的技术升级的理由,直接下线一个有着一定用户的存量系统的。而你大概又不能简单通过 iframe 这种「靠谱的」手段完成新功能的接入,因为产品说需要「弹个框弹到中间」
    • 你的系统需要有一套支持动态插拔的机制。这个机制可以是一套精心设计的插件体系,但一旦出现接入应用或被接入应用年代够久远、改造成本过高的场景,可能后面还是会过渡到各种微前端的玩法。
  • 系统中的部件具备足够清晰的服务边界。通过微前端手段划分服务边界,将复杂度隔离在不同的系统单元中,从而避免因熵增速度不一致带来的代码腐化的传染,以及研发节奏差异带来的工程协同上的问题。




【参考文章】
Vue如何实现微前端框架(求大家帮顶,不要下沉)
你可能并不需要微前端
微前端到底是什么?
带你入门前端工程(十一):微前端
可能是你见过最完善的微前端解决方案
目标是最完善的微前端解决方案 - qiankun 2.0
极致简洁的微前端框架-京东MicroApp开源了🎉
字节跳动是如何落地微前端的
qiankun是国内微前端完整的解决方案吗?(视频)
推荐一本书:《前端架构:从入门到微前端》
什么是微前端

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值