什么是微前端架构?
微前端架构是一种应用于前端的设计类型,它允许我们将其划分为更小的、独立的、半独立的应用程序,并一起工作。这种前端概念在很大程度上受到主要用于后台的微服务的启发。这种架构的目标是将网络应用视为一个功能的组合,每个功能都由独立的团队来完成。每个团队都有一个特定的业务领域,开发是端到端的,从数据库到用户界面。然而,这个想法并不是什么新东西,这个概念出现在2016年左右,但在此之前,这种类型的架构已经被使用,它被称为 "垂直系统的前端集成 "或 "自足系统"。毋庸置疑,微型前端有能力更 "时髦"。
在下面的图片中,你可以看到不同的结构,其中前端始终是单体的:

在另一张图片中,你可以看到一个垂直结构,其中前端不是单体的:

关键概念
在这个架构的背后,有一些关键的概念,这个概念的基础是,必须应用这些概念来考虑。这些将在下面解释。
技术独立。每个团队可以有不同的技术堆栈,而不相互依赖。
团队的分离。这一点与工作方法论更为相关。它允许你对每个团队有一个更具体的关注,并能够针对目标进行更具体和详细的管理。
团队名称。有一些资源必须在团队之间共享,每个团队必须有一个特定的命名,以避免资源混合。
弹性Web设计。每个团队将在系统的一个孤立的部分工作,这将有助于更快地解决问题并具有适应性。
使用原生浏览器事件。最好的选择是使用原生浏览器事件,允许团队之间的沟通,如果这还不够,我将尽量保持一个共同的API,尽可能的基本。
微型前端架构的4个最佳实践
在微型前端的世界里,也有一些好的做法,有必要应用这些做法,以便使结果具有预期的质量。下面是一些在使用微前端架构时应该应用的最佳实践。
1. 组织流程
正如上一节所提到的,这种架构允许我们有不同的团队相互独立。正因为如此,我们必须考虑到每个团队都有不同的目标和挑战,这些目标和挑战必须在所有团队之间达成一致。为了实现所有这些目标,非常重要的一点是,所有各方和API之间的合同都是非常明确的,这样才能使沟通尽可能的流畅。这样,你的团队就能独立行动,实现其目标。同样重要的是,能够以模块化的方式交付。如果你的业务需求使你不能这样做,那就意味着这种架构不适合你的组织,因为你的组织是单体的。
2. 自动化
自动化在所有的系统中都很重要,但在微观前端,它是至关重要的,因为如果你没有良好的自动化,你会在某些功能上产生阻塞。测试自动化是非常重要的,因为它确保了微观前台与系统其他组件的兼容性,并且在与生产整合的时候,它可以顺利工作。
3. 不要过度使用微前端
如果你把你的系统分割得太多,很可能最后留下的片段并不能为你的目标增加价值。重要的是,系统被分割是有原因的,例如,部署的方式或每个部分遵循的策略。如果你过度使用这个架构,到头来,它是没有意义的。
4. 为你的微前端找到合适的尺寸
为你的微前端找到完美尺寸的方法类似于在微服务中使用的方法,因为如果它太大,你的应用程序将有太多的耦合,如果它们太小,你将有一个碎片化的应用程序。不幸的是,进行这种划分并没有什么黄金法则。然而,重要的是要记住,每个业务目的必须被隔离。最好的方法是提前决定你的划分,这样你就可以在开始之前计划所有的合同和所有部分之间的互动。
总结
最后,这在很大程度上取决于你所面临的业务场景,以了解是否值得使用这种架构。这种架构对小团队或小项目是无效的。大多数情况下,它被应用于有不同分布的团队和大型基础设施的大型项目。出于这个原因,这个系统被最大的公司所使用,因为他们是能得到最大好处的公司。这些公司中有一些是宜家、DAZN、Spotify、Zalando等。
我希望你已经了解了这个架构,它无疑已经是大公司的存在,并且正在标志着工作的方式。
今天先到这儿,希望对云原生,技术领导力, 企业管理,系统架构设计与评估,团队管理, 项目管理, 产品管管,团队建设 有参考作用 , 您可能感兴趣的文章:
领导人怎样带领好团队构建创业公司突击小团队国际化环境下系统架构演化微服务架构设计视频直播平台的系统架构演化微服务与Docker介绍Docker与CI持续集成/CD互联网电商购物车架构演变案例互联网业务场景下消息队列架构互联网高效研发团队管理演进之一消息系统架构设计演进互联网电商搜索架构演化之一企业信息化与软件工程的迷思企业项目化管理介绍软件项目成功之要素人际沟通风格介绍一精益IT组织与分享式领导学习型组织与企业企业创新文化与等级观念组织目标与个人目标初创公司人才招聘与管理人才公司环境与企业文化企业文化、团队文化与知识共享高效能的团队建设项目管理沟通计划构建高效的研发与自动化运维
某大型电商云平台实践
互联网数据库架构设计思路
IT基础架构规划方案一(网络系统规划)
餐饮行业解决方案之客户分析流程
餐饮行业解决方案之采购战略制定与实施流程
餐饮行业解决方案之业务设计流程
供应链需求调研CheckList
企业应用之性能实时度量系统演变
如有想了解更多软件设计与架构, 系统IT,企业信息化, 团队管理 资讯,请关注我的微信订阅号:
![MegadotnetMicroMsg_thumb1_thumb1_thu[2] MegadotnetMicroMsg_thumb1_thumb1_thu[2]](/files/a20221/20220117110644392.jpg)
作者:Petter Liu
出处:http://www.cnblogs.com/wintersun/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
该文章也同时发布在我的独立博客中-Petter Liu Blog。