前端工程化从前端模块化、命令行形式的工程化到 CI/CD、DevOps 等概念应用，本质都是通过升级工程能力来提高开发效率。在美团基础技术部有 100+ 产品同时迭代开发，在产研角度上存在工具分散、协同效率低、跨团队复用困难等问题。

为了解决上述问题，我们打造了设计研发一体化平台，平台覆盖产研 Design 和 DevOps 过程，我们称之为 Design-DevOps 平台，它通过集成公司内产品设计、技术开发、CI/CD、运维等工具能力，定制出符合业务场景的产品交付方案，让产品、设计、开发等各角色在平台上高效协作，提高整体研发效率和质量，目前平台支持 Vue、React、RN 等技术栈和 SPA、MPA、微前端等架构。本次分享主要介绍设计研发一体化平台的设计理念，以及在美团通过全过程流水线支持多业务、多团队实现快速产品交付的实践。

演讲提纲：

1. 背景

• B 端业务在交付中遇到的效率问题
• 问题分析及解决思路

2. Design-DevOps 平台架构详解

• Design-DevOps 平台的全景图及特点
• Design-DevOps 平台架构详解
  • 定制工程能力 —— 追求框架下的灵活性，提升解决方案定制效率
  • 构建标准组件生态 —— 统一设计规范，建设物料平台，提升协作效率
  • 打造低代码平台 —— 定义低代码协议，建设可视化拖拽平台，提升开发效率
  • 贯通 CI/CD 流程 —— 统一 CI/CD 规范，集成持续交付平台，提升构建发布效率
  • 集成运维系统 —— 定义运维规范，整合运维工具，提升自动化运维效率

3. 全过程流水线实践

• 从产品设计、技术开发到发布运维的全流程实践
• 在美团落地情况，如何通过过程可视化提升运营效率

4. 总结和规划

• Design-DevOps 的经验思考
• Design-DevOps 的业务规划

你将获得：

• 了解美团在设计研发一体化方向的架构设计思路
• 了解美团前端如何通过自动化、可视化来提升持续集成效率
• 了解美团在设计研发一体化方向的实践经验