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

2020-03-01 200浏览

  • 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
  • 28.
  • 29.持续集成
  • 30.
  • 31.DevOps
  • 32.
  • 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!