俞天翔—快手游戏直播Web站 工程进化之路

前端狗

2019/07/09 发布于 编程 分类

GMTC2019 

文字内容
1. 快⼿手游戏直播Web站-⼯工程进化之路路
2. 在此键入姓名 在此键入tittle
3. 在此键入姓名 在此键入tittle
4. About Me @天翔Skyline 快⼿手前端⼯工程师
5. 什什么是⼯工程化?
6. 构建? 架构设计? 组件化? 持续集成? 状态管理理? ⾃自动化? 模块化? 前后端分离? 脚⼿手架?
7. 换⼀一个⻆角度,从业务发展历程来寻找答案
8. 第⼀一阶段 ---- 项⽬目启动 ⽬目标:快速上线 关注点:业务场景,技术选型
9. 业务场景 关键词:2C业务,Web应⽤用
10. 技术选型考量量点
11. 技术选型考量量点
12. 技术选型考量量点
13. ⾸首屏
14. SEO
15. 组件职责划分: 纯组件:交互封装 端到端组件:交互封装 + 部分接⼝口耦合 业务组件:组合Model + 上述两种组件
16. ⼯工程化第⼀一阶段达成: 组件化开发 前后端分离 Server Side Render
17. 第⼆二阶段 ---- 持续迭代 ⽬目标:迭代效率,可扩展性 关注点:合理理的架构设计,降低业务编写的思考成本
18. 职责边界 前端 VS 后端 组合业务实体 提供业务实体 ViewModel Model
19. GraphQL
20. vue-apollo-model
21. ⾜足够声明式 + ⾜足够响应式的状态管理理 Action
22. 架构设计⽅方案 Router Global Model APP Components Components 1.声明式的Model设计 Components Pages Model Model Model Event Bus 2.多Store设计的数据管理理 Apollo Client 3.全链路路的响应式数据流 GraphQL Schema + Resolver Render Server 4.灵活的cache逻辑处理理 Java API
23. ⼯工程化第⼆二阶段达成: 架构设计 模块化
24. 第三阶段 ---- 开发效率 / 质量量 ⽬目标:规范流程,提⾼高开发效率,加强质量量 关注点:开发规范、持续集成
25. 开发规范
26. 研发流程关注点: Feature开发 功能测试 Bug修复 And 代码质量量
27. CR关注点 Feature Finish Hotfix Finish Release Finish Git Flow
29. 持续集成
31. DevOps
33. 构建 / 部署
34. 构建 / 部署 物理理机 Docker 环境⼀一致性 ⼈人⾁肉运维 Dockerfile 扩容缩容 ⼈人⾁肉协调 ⼀一键部署 资源混部 项⽬目可能相互影响 相互隔离
35. ⼯工程化第三阶段达成: 开发规范 持续集成
36. 第四阶段 ---- 精细化运营 ⽬目标:数据驱动 关注点:监控
37. 关键词:量量化指标
38. 错误监控
39. Sentry
40. 监控 - 实时报表
41. 监控 - 离线报表
42. 链路路性能追踪 - Ktrace
43. 构建结果跟踪 - Build Tracker
44. ⼯工程化第四阶段达成: 监控
45. 除此以外,⼯工程化,我们还要做什什么? 进⼀一步优化⽣生产⼒力力
46. 线上Debug能⼒力力
47. 通⽤用能⼒力力模板化
48. 进⼀一步探索:流程模式化,开发模板化,场景通⽤用化
49. 在此键入姓名 在此键入tittle
50. 在此键入姓名 在此键入tittle
51. THANKS THANKS! THANKS!