简单聊聊微前端(Micro Frontends)

143 阅读1分钟

微前端(Micro Frontends)

Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. ——Micro Frontends

简单来说,微前端将应用程序划分为垂直切片。每个切片都从数据库构建到用户界面,并由专门的团队运行。不同的团队前端集成在客户的浏览器中以形成最终页面。

如下图所示,在微前端的垂直分片下,一个团队是跨职能的,从数据库到用户界面,端到端地开发其功能。

image.png

image.png

通常公司使用微前端架构的三个主要原因:

  • 优化功能开发 ——团队包括开发功能所需的所有技能。不需要单独的前端和后端团队之间的协调。如下图所示,在微前端架构下,团队是围绕客户需求组建的,而不是基于前端和后端技术。

image.png

  • 使前端升级更容易 ——每个团队都拥有从前端到数据库的完整堆栈。团队可以决定独立更新或切换他们的前端技术。

image.png

  • 提高客户关注度 ——每个团队都将他们的功能直接交付给客户。不存在纯粹的 API 团队或运营团队。

微前端其实就是一种架构方式,通过引入跨职能团队消除了前端和后端开发人员之间的团队障碍。应用程序被划分成从数据库到用户界面的多个垂直切面,每个团队可自主选择技术堆栈。有关微前端架构与其他架构的区别及其优缺点可参考Micro FrontendsWhat are micro frontends