企业级小程序&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.