活动美团技术沙龙第61期：微前端架构设计和实践

Posted 2021-06-16 前端早读课

活动简介

伴随着互联网的高速发展，前端技术一直也在密集创新，从语言、框架和架构层面都有新的变化。多页应用架构、单页应用架构、前后端分离架构和微前端架构等的诞生是为了更好的解决实际场景中遇到的各种问题。微前端的概念自2016年提出后，应用越来越广泛。微前端到底解决什么问题，怎样设计或基于已有的框架做体系化建设？本次技术沙龙，将介绍美团在微前端架构设计和实践两个方向上的经验，希望与业界技术同行一起交流和学习，共同进步。

出品人：林辉 | 美团高级技术专家

2015年入职，一直从事酒旅相关的业务研发和团队管理工作，在跨端和跨系统复用方向有丰富的实践，目前在积极推动团队的微前端建设和实践。

日程安排

分享主题

@彭瑞,美团资深工程师。先后服务于美团酒旅基础服务和住宿商家供给组；长期关注前端工程化与 Vue 生态。曾参与创建美团持续交付公共服务平台，近期基于微前端/monorepo/SOA/VCA 进行业务领域沉淀并渐进式治理团队技术债务。

议题分享：《基于微前端的大型商家应用工程治理》

长期高速迭代的中后台系统易形成巨石应用且伴随大量技术债务，人员上手成本高、难以维护。美团住宿商家端面临相同领域业务多系统部署的天然诉求。我们通过微前端作为桥梁衔接业务基座和“基于 SOA/DDD 的”前端领域模块，极大的提升了系统功能复用度，并支持了渐进式工程治理。

@刘南飞,美团高级工程师。2020年入职美团，一直从事于前端工程优化工作，目前主要负责美团客服平台微应用注册平台研发工作。

议题分享：《美团客服平台微前端实践与探索》

美团客服体系中大型企业级应用众多，很多项目都经历了3年以上的高速迭代演进，业务与技术复杂度都变得越来越高，项目逐渐发展为巨石应用，我们的痛点也愈发凸显，主要体现在技术栈陈旧、团队协作成本高、需要集成美团其他业务线页面或应用三个方面。本次分享将为大家带来大型前端应用的微前端方案，从业内通用方案出发，结合美团客服平台实际情况，介绍我们面临的各项挑战及解决方案。 

@龙佳文，美团资深工程师。目前主要负责美团餐饮 SaaS 的微前端方案和前端研发平台建设。曾参与 Serverless 平台及工具链、前端工程化建设，在 Github 有千级 Star 的开源项目。目前关注微前端以及 Serverless 方向。

议题分享：《一体化微前端研发平台的探索和实践》

随着美团餐饮 SaaS 业务的发展，前端团队由一个发展成三个（150+人），从单体项目规模增长至多体共 2000+ 页面的巨石型前端项目，而我们在开发、维护、灰度、运维等方面遇都到了诸多挑战，所以我们自研了轻量化微前端方案，具有支持跨框架、安全隔离和多种接入粒度。在微前端方案基础上，我们通过整合端运行时+研发工具+云平台服务，形成一站式的微前端工作台，提升了研发交付效率，也进一步降低了运维成本和研发门槛。

@郑仁杰，字节跳动前端工程师。公司微前端开源项目：magic-microservices 负责人及核心贡献者

议题分享：《面向未来与浏览器规范的前端 DDD 架构设计》

如何更优雅地将微前端粒度做到组件级别？如何参考社区提案实现更贴合浏览器发展趋势的微前端能力？本次分享我们将会介绍在现有的业务场景下，我们对前端 DDD 架构体系的思考过程以及设计实践，最终如何借助社区 Portals以及 Realms提案的设计思想，打造更贴合浏览器发展趋势的微前端框架，并以此解决我们实际的业务问题。

@肖坤宇，美团高级工程师。2017年入职美团，现主要负责美团内部质效工具产品前端的研发工作，此前曾负责美团私有云平台IaaS及多媒体产品的研发，在业务项目里积累了丰富的微前端的实践与经验。

议题分享：《美团质效工具产品的微前端实践》

美团质效工具产品内存在大量微前端的场景，这次分享主要介绍在此类业务项目中对于组件级与页面级微前端的实践心得，包括技术选型、方案设计、以及如何建设微前端的运维与监控能力。

@袁程，美团高级工程师。2019年加入美团外卖，参与了团队微前端架构的设计落地。目前负责团队平台化能力及体验优化相关事项。 

议题分享：《微前端在美团外卖的实践》

"没有最好的架构，只有最适合的架构"。本次议题将结合外卖广告业务的特点，讲解如何落地实践一套同时支持"拆分解耦"与"代码复用"的微前端架构。

报名方式

有兴趣的童鞋，欢迎点击下方左下角”阅读原文“报名参与。