微前端架构是一种设计方法,其中,前端应用被分解为多个松散而协同工作的半独立“微应用”。微前端的思想来源于微服务,其名称也遵循了微服务的命名方式。那么,微前端的优势和好处在哪?让我们一起通过这篇微前端教程来了解。
微前端模式的好处包括:
尽管微前端最近在业内引发了很多关注,但到目前为止并没有出现一种绝对主流的实现方式,也没有公认“最佳”的微前端框架。实际上,根据目标和需求的不同,可行的方法有很多。要了解其中一些比较知名的实现,请参见附注。
本文将提供一份微前端教程,重点在于具体的实现,主要介绍微前端架构中的重要问题及其可能的解决方案。
我们的实现称为 Yumcha。“Yum cha”在粤语中的字面意思是“喝茶”,但其日常含义是“出去吃点心”。这里的想法是,宏应用(我们将其称为组合式顶级应用)中的各个单独的微应用类似于外出野餐时带的许多大小不一的篮子。
有时我们将 Yumcha 称为“微前端框架”。如今,“框架”这个术语通常用来指代 Angular、react、.cn
微前端是一种新模式,其中 Web 应用程序 UI(前端)由一些半独立的片段组成,可以由不同的团队使用不同的技术来构建。微前端架构类似一种后端架构,其中后端由一些半独立的微服务组成。
微前端架构为微前端框架的结构元素提供了方法。它还定义了它们之间的关系,控制 UI 片段的组装和通信方式,以实现最佳的开发人员和用户体验。
答案是肯定的。微前端模式通常采用的方法是将微前端的一个片段(可能实现为微前端 Web 组件)与微服务配对以提供其 UI。
一个微服务是体系结构中的一个元素,在该体系结构中,应用程序被构造为一些互操作服务的集合。如果前端采用微前端模式,则一个微服务可以与一个微前端配对。
微型前端和 Web 组件(自定义元素)可能有几种关系。Web 组件提供了一种基于自然标记的方式来描述组成微前端应用的微应用。微前端应用中的各个微应用本身可以使用 Web 组件构建。