研发模式:微前端
系列文章一:达达快送微前端架构实践
达达快送的运营系统,由各个业务线的子系统组合而成。随着业务的高速发展,子系统数量呈现爆炸趋势,复杂度急剧上升。2018年3月创建时,只有3个子系统。2021年3月拆分时,达到15个子系统。
由于各个业务线的子系统迭代周期不同,所以运营系统每天都有上线。表现出来的现象是:排队上线、无法回滚、构建缓慢。
vivo 商品中台的可视化微前端实践
运用微前端和 uni-render 技术,让商品中台的前端系统变的更加灵活、更加具有可观察性。
基于 iframe 的全新微前端方案
iframe是一个天然的微前端方案,但受限于跨域的严格限制而无法很好的应用,本文介绍一种基于 iframe 的全新微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生。
微前端qiankun框架实现方案浅析
qiankun框架孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台,是一个基于 single-spa 的微前端实现库。
ABF平台设计(六):微前端渲染框架-YseraMicroServer
YseraMicroServer 是基于qiankun的微前端平台化解决方案。基于qiankun的沙箱能力、重新定义的通信机制和接入方式以及ui快照等能力,提供一种微前端快速接入的解决方案。
Garfish 微前端实现原理
近期有落地一些微前端业务场景,也遇到一些问题,看了下他们的实现发现目前无论是garfish还是qiankun对于这一块的实现都在不断的完善中,但是qiankun我也看了一下他们的实现,在一些case的处理上较garfish存在一定不足。所以本次是针对garfish的实现分析。下面会从资源加载入口,资源解析,沙箱环境,代码执行四大块进行分析,了解微前端的主要实现逻辑。
在微前端中加载 Vite 应用
本文分享了 icestark 在接入 ES modules 规范微应用的一些尝试,希望能给开发者带来一些新的选择和启发。
字节跳动是如何落地微前端的
万字长文从背景和意义,微前端的优缺点,以及如何调试,实现等方面阐述了在字节跳动内部是如何落地微前端的,希望能给大家带来收获。文中提到的 garfish 微前端解决方案已经开源,欢迎大家提PR 和 Issue。
微前端核心技术揭秘
技术更新迭代下,微前端架构让你的应用可以同时兼容多个技术栈,不必为老应用的改造头疼。更重要的是,通过运用微前端架构,从代码的组织层面,到团队管理层面,都会给你的项目带来巨大的影响。但要在项目中实施微前端,有多个技术层面问题需要解决。
微前端架构的落地
随着公司业务的不断扩张,无论是后端、前端抑或是客户端,都面临着应用越来越复杂,越来越庞大以至于难以维护和治理的问题,为了解决这个问题,后端的微服务架构就应运而生了;同理,前端的业务也遇到了类似的问题,自然而然的微服务架构的思想照搬到前端,于是前端的微前端架构应用而生:
一种由独立交付的多个前端应用组成整体的架构风格。具体来说就是将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块,而在用户看来仍然是内聚的单个产品。
对巨石应用说不:转转商业微前端qiankun历史项目迁移升级实践
对巨石应用说不:转转商业微前端qiankun历史项目迁移升级实践。
从场景倒推我们要什么样的微前端体系
微前端已经不是一个新概念了,大家或多或少都听说过接触过,这里不再去做一堆定义,只是对目前业界做法的调研总结 / 概览,这篇文章面向的是还没有在业务中使用过微前端的同学或团队,通过这篇概览,可以简单的建立对 「微前端」的整体认知;
总的来说「微前端」这个概念从造出来到发展如今,还处于一个百花齐放(各做各的)的发展中,没有形成统一的(市场占有高的)共识 / 标准;各个大厂 / 社区对这个概念以及背后的技术都有不同定义,各自为战,造的轮子也一堆。
百度关于微前端架构EMP的探索:落地生产可用的微前端架构
本文详细描述 EMP 的诞生背景、使用场景、生态以及如何使用,可以帮助大家能更简单、更高效的构建生产可用微前端架构。
微前端——前端开发新体验
通过引入微前端架构,我的团队解决了单体架构下、多团队协作所产生的相互影响,相互依赖的问题,使得团队更大程度的获得了自治权。
京东出品微前端框架MicroApp介绍与落地实践
Micro App 是由京东零售iPaaS前端研发团队推出的一款微前端框架,它从组件化的思维实现微前端,旨在降低上手难度、提升工作效率。
基于 qiankun 的微前端应用实践
本文通过云音乐广告合约系统的微前端落地来介绍 qiankun 的应用实践。
云音乐广告 Dsp(需求方平台)平台分为合约平台(Vue 框架)和竞价平台(React 框架),因历史原因框架选型未能统一,最近来了新需求,需要同时在两个平台增加一样的模块,因为都是 Dsp 平台,后期这样的需求可能会很多,所以考虑到组件复用以及降低维护成本,在想怎么统一技术栈,把 React 系统塞到 Vue 项目中进行呈现。