企业级小程序&mdash

2020-03-01 156浏览

  • 1.企业级小程序—大型 APP 研发模式 升级思考与实践 赵世婚(钉速)
  • 2.自我介绍
  • 3.自我介绍 • 阿里巴巴钉钉 Ø 小程序和终端架构负责人 Ø 大前端技术委员会秘书长
  • 4.目录 • 小程序在钉钉内部研发实践 • 跨平台技术选型与思考 • 5G时代下的端技术发展探索
  • 5.W3C - MiniApp Standardization White Paper W3C First Public Working Draft 12 September 2019 MiniApps are NOT aimed to replace PWA, or the Web, or the Native
  • 6.钉钉小程序技术 • 横跨钉钉5端,提升研发效率 • 支撑业务快速创新与增长 • 帮助企业数字化低成本转型 • 升级企业办公体验
  • 7.钉钉小程序
  • 8.钉钉小程序整体架构 Hybrid Weex H5 … DSL DingTalk-AppX Bridge IDE UC WebView Weex renderer iOS WK CEF renderer Windows/Mac/iOS/Android/Linux JSAPI
  • 9.端研发模式升级-三个关键 易用有效的研发支撑 研发效率 多快好省的API 恰到好处的体验 开放能力 性能体验
  • 10.小程序技术 - 内部研发支撑 技术选型 体系化 研发全链路支撑 性能 业务可持续发展 研发工具 可视化持续交付平台 高可用
  • 11.小程序技术 - 内部研发支撑 方案设计 开发阶段 • IDE Ø 日常、预发、线上 Ø 调试 技术review 最佳实践 • Ø Ø Ø 组件 前端组件 JSAPI 开放组件 • Ø Ø Ø Ø 支撑 归一化文档 Issue讨论区 开放标准化 权限系统 • 性能 Ø 智能快照 Ø 多重保活 灰度阶段 • 灰度维度 Ø OrgId Ø UserId • 灰度能力 Ø 百分比 Ø 白名单 • 运维平台 Ø 大盘监控 Ø VIP报警 线上诊断 • Ø Ø Ø 问题发现 白屏检测 启动耗时 JSError • Ø Ø Ø 问题排查 聚合日志 排查建议 变更信息 • 问题定位 Ø 沉淀积累 Ø 端到端
  • 12.性能优化 智能快照 • 小程序秒开 • 智能热区 多重保活 • WebView渲染保活 • Native渲染保活 高可用 • 日志标准化 • 全链路诊断
  • 13.我们的挑战 • IM场景下性能问题 Ø 同步渲染 VS 异步渲染 Ø 面向开发者,5端一套代码 • 桌面端大屏技术 Ø 一套代码,布局面向移动与PC • 工作台高并发离线包技术 Ø 多MiniApp下行并行,端到端到达率,极致体验 • 团队 Ø 技术栈多,但人少
  • 14.跨平台技术选型与思考
  • 15.跨平台技术的发展历程
  • 16.技术栈太多,眼睛都花了!
  • 17.限制太多,到底能搞啥?
  • 18.高频场景,体验还不行!
  • 19.XX渲染有问题!
  • 20.性能与效率 - 鱼和熊掌不可兼得
  • 21.选型原则建议 • 拥抱大前端 Ø 正确认识跨平台技术带给业务的价值 • Ø Ø Ø 扬长避短 Native:重度用户高频场景,视觉还原度要求高,优选Native; H5:小程序支持不了的Web技术标准,优选H5; 小程序(含Native渲染):新业务,创新产品,优选小程序;
  • 22.大型APP-端技术多元化 客户端原生 H5 跨平台
  • 23.基于C++/Rust跨平台技术 • 价值要足够大 Ø 业务价值 Ø 技术价值 • 团队足够强 Ø 架构师 Ø C++语言老司机
  • 24.跨平台技术支撑 • 编译系统 GN + Ninja 混合编译,高速分布式编译(GYP提升20倍)、可读性高、轻量、模块化 • 基础库 Google Flutter 基础库 精简的Chromium Base • 插拔式框架 模块可轻便移除植入 • 打包系统 可视化、可配置模块管理系统
  • 25.5G时代下的端技术发展探索
  • 26.端智能 • 机会 Ø 智能打卡 Ø 智能会议 • Ø Ø Ø 挑战 端计算能力 端到端架构升级 端开放体系
  • 27.高清 • 高清图片 Ø 缩略图到原图 Ø 秒传秒开 • 高清视频 Ø 直播 Ø 视频会议 • 挑战 Ø AI场景化组合技术落地
  • 28.
  • 29.