发布于 2026-01-06 3 阅读
0

尽可能简单地解释微前端

尽可能简单地解释微前端

图片描述
科技世界瞬息万变,不断进步、改进和发展。有时变化迅速,有时则需要一段时间才能被大众接受。

对于微前端,我们经历了一个较长的接受过程,但我们已经完全接受了它们带来的所有积极可能性。

微前端的概念在 2016 年开始出现在开发者和其他业内人士的视野中。随后,随着Martin Fowler在 2019 年发表关于前端架构的文章,微前端获得了更大的关注。

“在本文中,我们将介绍最近将前端单体应用拆分成许多更小、更易于管理的部分的趋势,以及这种架构如何提高前端代码团队的效率和效能。”

微前端的核心在于将前端的单体结构——僵化、不可移动、不可分割的结构——分解成更小的部分。

图片描述

想象一下,在古老的巨石上工作。想必需要许多艺术家同时协作,才能使其完整统一。现在,想象一下,这件复杂精美的艺术品变成了一个网页,而那些“艺术家”变成了多位工程师和开发人员。或者,他们也可以是营销人员、内容创作者等等,各自负责一些小任务。我们一直在努力降低在Fathym上搭建网站的门槛。

微前端正如其名,是由多个小型化的前端组件构成,它们组合在一起,提供网站前端所需的所有功能、自定义选项和强大性能。

微前端包括:

  • 独立、小型、个性化的前端。

  • 多个团队同时开展各自的项目。

  • 这意味着更小规模、更渐进的部署。一个团队无需等待另一个团队推送部署。

  • 更小、更紧密的代码库。这样也更容易维护和修改。

  • 允许根据需要扩展团队规模。

  • 允许以增量方式重写、更改或更新前端部分代码。这意味着修复错误或更改网站功能不会导致网站因维护而停机。

图片描述

团队的益处

拥有复杂、详细且美观的网站的大型组织可以出于多种原因使用微前端。

将任务分解成易于处理的小块,可以避免开发人员不堪重负,提高效率。此外,这些规模较小的团队可以按照各自的节奏自主工作。例如,博客团队不会受到电商团队等其他团队的干扰。各个团队可以同时朝着更大的目标并行工作,项目也能按各自的进度完成。

修复/漏洞的收益

当然,网站功能越多、越复杂,后端代码就越精细复杂。但是,如果每个功能的代码量较小,更新起来就更容易。而且,一旦代码出现故障,也更容易找到错误。此外,由于代码是解耦的,修复某个功能的错误无需导致整个网站宕机。

灵活性优势(使用 JavaScript 框架)

微前端的另一个巨大优势是,每个较小的部分都可以使用不同的工具来创建。

这意味着您只需几分钟即可使用即插即用的开源应用程序快速搭建一个网站。或者,您也可以选择低代码/编写自己的代码。我们鼓励开发者尽情发挥创意,打造出令人惊叹的作品,同时,开发者也可以自由选择任何他们喜欢的 JavaScript 框架。

Fathym 的微前端平台支持使用Angular、React、Vue、Svelte 等热门框架。此外,如果团队需要,网站的每个部分(博客、图库、电子商务等)都可以使用不同的框架构建。

考虑到这些框架的价值在于它们各自的功能,这种灵活性令人惊叹。

结论

微前端并非新概念,但它代表着未来的发展趋势。许多大型公司已经在使用这种架构,例如宜家、Spotify、Upwork 和 SoundCloud 等,我们相信随着时间的推移,这种架构的普及率只会持续增长。

加入法西姆

我们邀请您立即注册我们的免费增值平台,不仅可以实现您的目标,还能在此过程中获得一些乐趣。

文章来源:https://dev.to/richkurtzman/explaining-micro-frontends-as-simply-as-possible-2pch