技术的升级离不开业务的发展，伴随着字节业务的发展，效能产品也完成了多轮的迭代升级，2012 年至今所经历的多个里程碑式的发展能很好的说明这一点，关键词已经从“自发”转换为如今的“全生命周期”，但唯一不变的是期望提升研发体验 & 效能，前端效率问题也经历了由点到面的过程，在这个急需提升各个平台联动、丰富纵向能力建设的时代，一站式服务应运而生，本次分享讲从整体到细节，从一体化平台抽丝剥茧到多业务合作最佳实践，最终以自动化、可视化为核心探讨点，系统全面的介绍字节在前端持续交付领域的实践。

演讲提纲：

1. 背景

• 开发中遇到的效率问题
• 效能问题解决路径

2. 架构

• 一站式平台整体框架概览 
• 前端场景工具体系和平台能力

3. 前端研发链路全流程应用

• 前端场景差异化解决方案（概览）
• 开发环节如何提效（持续集成）
• 自动化的探索（自动化）

4. 总结 & 规划 

• 未来趋势判断

你将获得

• 了解字节在设计研发一体化方向的架构设计思路
• 了解前端场景的实践
• 了解字节前端如何自动化提升效率

前端工程化从前端模块化、命令行形式的工程化到 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 的业务规划

你将获得：

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

2018 年，ArthurCI 前端持续集成系统从技术中台孵化，项目上线以来，持续与各个业务部门的众多上线系统进行整合合并。在项目的发展中，除了设计高效、稳定的服务架构外，总结 SOP 流程是我们能够一直保持稳定、持续、高效的优化，从而在众多项目中脱颖而出的关键，以及满足众多的内外部需求。本次分享将着重以 ArthurCI 的优化为例，介绍如何使用 SOP 思想提升 DevOps 质量和效率。

演讲提纲：

1. ArthurCI 前端持续集成的设计思路

• 高效的持续集成服务
• 构建环境标准化
• 部署环境标准化
• 开放的持续集成服务满足个性化需求

2. 使用 SOP 框架思维解决标准化与定制化的冲突

• 新人新环境问题：不会操作、遗漏流程
• 多版本多人合作问题：多测试环境冲突、错误覆盖问题
• 项目管理问题：项目迁移、组织调整等问题

3. 标准化与定制化的业务实践

• 整合持续集成系统案例
  • 分角色梳理业务痛点，合理理解业务诉求
  • 支持自有规范的前后端联动部署
  • 把海外静态资源部署整合进 ArthurCI
• 标准化的 ArthurCI 成果
  • 从 0 起跑到支持全部业务线持续集成
  • ArthurCI 整理的持续集成 SOP

你将获得：

• 了解 ArthurCI 如何进行设计前端 DevOps
• 了解 ArthurCI 如何通过实践总结 SOP
• 了解 SOP 如何帮助 ArthurCI 进行高效优化

质量和效率是前端研发永恒的话题。近期，我们在阿里邮箱这个大型前端工程上深入实践了 CI/CD，带来了质量和效率的质变。我们在 15 万行源码的前端工程上做到了：91% 的单元测试覆盖率，每周一次发布，每次发布仅花费 2 个小时内的时间。经过这次实践，我们认识到 CI/CD 并不仅仅是流程上的自动化，它需要我们重塑对软件研发的认知，有很多甚至是反直觉的，我们将在这里分享我们认为最重要的部分。

演讲提纲：

1.背景

• 我们在软件研发中遇到的质量和效率问题
• CI/CD 概念和敏捷软件开发概念介绍

2. 架构

• 我们的架构和工具选型 - 自动化测试、 静态代码检查、PreviewApp、 测试框架

3. 自动化测试

• 单元测试的 ROI
• 真正有效的提升单元测试覆盖率方式
• 如何写好单元测试 - 如何架构、测什么
• 单元测试的“运维”
• 单元测试和软件架构的关系
• 其他类型的自动化测试

4. Preview App

• Preview App 的价值

5. 总结与展望

• 我们的成果
• 玩转 CI/CD 的重要经验 - 要有信念
• 更多产品的落地
• CD 再往前一步

你将获得：

• 了解 CI/CD 在前端软件研发中的工程实践经验
• 了解 CI/CD 给前端软件研发带来的价值
• 了解如何做好 CI/CD