20150423 Qcon 蚂蚁金服 小而美好 前端工程产品实践.pdfVIP

⼩之美好 —— 前端⼯程产品实践 QC 2015 北京 臻⼉（郭旻桢） @cdae 爱⽣活 喜折腾 蚂蚁⾦服 · 体验技术部 · ⼯程技术 ⼀个优秀⼯程 师怎么⼯作 百花齐放的⼯具时代 脚⼿架 构建 包管理 常见的前端⼯程化 spmjs.io 问题就来了…… 脚⼿架 构建 包管理 如何实际发布 如何监控 ⼯具化 如何整体协作 前端⼯程化 X 如何…… 前端⼯程化 让前端⼯程师团队良好协作 拿静态资源举例 • 静态资源测试机紧张 • 繁多的构建⽅式 • 构建产物部署要和整个项⽬同步 • 线上多种静态资源服务器 ⾸先，我们创造了蜻蜓 蜻蜓1.0 研发阶段 • ⽆限量⼀键获取静态资源测试机 • 本地域名代理 发布阶段 • 云端构建部署 • 静态资源⽆版本⽅案 • 图⽚⼀键上传发布 更多需求蜂拥⽽⾄ • 功能测试覆盖率统计 • ⼯具插件功能 • 发布⾮静态资源 • 和的分⼯？ • …… “要你命三千，西瓜刀、铁链、火药、硫酸、毒药、手枪、手榴弹、杀虫剂，每样都能独当 一面，现在集中在一起，看你怕不怕？ ”—— 《国产零零漆》 “认清不做什么更重要” 蚂蚁⾦服前端⼯程产品⼤图 运⾏时 CDN 源 应⽤服务器 客户端 CMS 服务器 ⼯程产品 蜻蜓 ⾬燕 待规划 … 构建引擎 部署引擎 基础服务 前端⼯具、源服务 通⽤基础设施 通⽤设施 （GiLab、zPaaS、ACP 等） 研发模式 Jaa 全栈模式 JS 全栈模式 H5 研发模式 CMS 研发模式 做⼀款⼩⽽美的蜻蜓2.0 蜻蜓 - 给前端⼯程师的好产品 • 只做静态资源构建部署 • 细分⽤户群 蜻蜓 2.0架构 蜻蜓eb端 蜻蜓ci 怎么算是好的⼯程产品？ • 定位清晰 —— 不做什么更重要 • 功能完备 —— ⽬标是做“死” 第⼆个⼯程产品 解决营销活动的问题 “快乐⼯作，认真⽣活” 只为⼀类⼈服务 第三个⼯程产品 雨燕 蚂蚁⾦服前后端分离实践 基于de.j的eb框架 • 轻巧便捷 • 丰富的eb解决⽅案 加⼊ chai 的 eb 系统 持久层：MySQL, tair, … 业务层：sofa core