禅あ思之前端微服务化
文章平均质量分 93
微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
禅思院
靡不有初,鲜克有终
展开
-
Module-Federation[微前端]
微前端是借鉴了微服务的理念,将一个庞大的应用拆分成多个独立灵活的小型应用,每个应用都可以独立开发,独立运行,独立部署,还可以随意组合,这样就降低了耦合度,从而更加灵活。技术栈无关 主框架不限制接入应用的技术栈,子应用可自主选择技术栈(vue,react,jq,ng等)独立开发/部署 各个团队之间仓库独立,单独部署,互不依赖增量升级 当一个应用庞大之后,技术升级或重构相当麻烦,而微应用具备渐进式升级的特性独立运行时 微应用之间运行时互不依赖,有独立的状态管理。原创 2024-01-04 10:02:13 · 777 阅读 · 1 评论 -
前端微服务化研究(六):沙盒实现
在写这个之前,我们先说下fetchfetch什么是fetch: 在msdn上是这样说的,提供了一个 JavaScript 接口,用于访问和操纵 HTTP 管道的一些具体部分,例如请求和响应。它还提供了一个全局 fetch() 方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。这种功能以前是使用 XMLHttpRequest 实现的。Fetch 提供了一个更理想的替代方案,可以很容易地被其他技术使用,例如 Service Workers。Fetch 还提供了专门的逻辑空间来定义其他与原创 2020-08-21 18:03:53 · 3475 阅读 · 4 评论 -
前端微服务化(一):初探
一个团队负责的项目(不管前后端还是全栈),随着时间的推移,会极大的可能发生下面的变化。为了这些变化,各种繁琐的组合,开分支,打tag等造成后期的维护成本增加,代价随之越来越大。随着互联网的发展,一种将多个不同的服务集中在一个大平台上统一对外开放的概念逐渐为人熟知,越来越多与云相关或不相关的中后台管理系统或企业级信息系统曾经或开始采用了这种「统一平台」的...原创 2019-09-03 21:09:05 · 12135 阅读 · 3 评论 -
前端微服务化(二):对比
前端微服务化(二):对比普通的前端单体应用微前端架构分包与微前端觉得分包还是不同于微前端,分包可能会更加大,而微前端可能粒度更小,那么可不可以认为更细粒度的分包即是微前端?一体化的前端垂直化组织方式什么是现代化前端应用在介绍中我使用了措辞“构建一个现代化前端应用”,让我们先给出一些这个术语有关的设定。从一个更广泛的角度来看,Aral Balkan 曾写过一个相关...原创 2019-09-04 23:40:47 · 2841 阅读 · 0 评论 -
市面上前端微服务化研究(三):如何设计微前端架构?
如何设计微前端架构就当前而言,要设计出一个微前端应用不是一件容易的事——还没有最佳实践。在不同的落地案例里,使用的都是不同的方案。出现这种情况的主要原因是,每个项目所面临的情况、所使用的技术都不尽相同。为此,我们需要了解一些基础的微前端模式。架构模式微前端应用间的关系来看,分为两种:基座模式(管理式)、自组织式。分别也对应了两者不同的架构模式:基座模式(管理式)通过一个主应用,来管...原创 2019-09-06 10:02:29 · 7892 阅读 · 0 评论 -
市面上前端微服务化研究(四):美团技术团队实现(HR系统的微前端设计)
HR系统的微前端设计因为美团的HR系统所涉及项目比较多,目前由三个团队来负责。其中:OA团队负责考勤、合同、流程等功能,HR团队负责入职、转正、调岗、离职等功能,上海团队负责绩效、招聘等功能。这种团队和功能的划分模式,使得每个系统都是相对独立的,拥有独立的域名、独立的UI设计、独立的技术栈。但是,这样会带来开发团队之间职责划分不清、用户体验效果差等问题,所以就迫切需要把HR系统转变成只有一个域...原创 2019-09-09 21:54:38 · 5808 阅读 · 0 评论 -
市面上前端微服务化研究(五):蚂蚁金服微前端框架
如何设计微前端架构就当前而言,要设计出一个微前端应用不是一件容易的事——还没有最佳实践。在不同的落地案例里,使用的都是不同的方案。出现这种情况的主要原因是,每个项目所面临的情况、所使用的技术都不尽相同。为此,我们需要了解一些基础的微前端模式。架构模式微前端应用间的关系来看,分为两种:基座模式(管理式)、自组织式。分别也对应了两者不同的架构模式:基座模式(管理式)通过一个主应用,来管...原创 2019-09-10 02:06:49 · 3105 阅读 · 0 评论