Google⽀支持 混合开发 详情⻚页 发布⻚页 更更多业务 内部版本 Alpha Beta Preview1 Preview2 闲⻥鱼 - 让你的闲置游起来 接近Native效果的UI和交互体验 多图列列表 评论盖楼 图⽂文 闲⻥鱼 - 让你的闲置游起来 Native组件 Native和Flutter混合开发 混合栈 闲⻥鱼 - 让你的闲置游起来 视频和动画 视频 动画 Flutter和Native性能简单⽐比较 Flutter Native 45 FPS 30 FPS 113.2% 184.8% 闲⻥鱼 - 让你的闲置游起来 Flutter ⽣生产环境情况 内存问题 icudtl.dat问题 视频兼容问题 截图问题 Armv7问题 字体问题 … 早期的问题： User Crash率： 统计基准⽤用户数：千万级 1% < 0.01% 监控数据采集 5 : 1 原则 胶⽔水层多变 领域层少改 接⼝口服务 - 业务逻辑 闲⻥鱼 - 让你的闲置游起来 RT 单机QPS 系统资源 运⾏行行时⻓长 Dart Server ⽣生产环境情况 达到⽣生产稳定性，性能满⾜足“胶⽔水层”需求 闲⻥鱼详情⻚页所有流量量由Dart Server服务 闲⻥鱼 - 让你的闲置游起来 能否做到像写客户端⼀一样写服务端？ 怎么快速找到后端服务，服务简单调⽤用？

使用libwebrtc.aar + java • Windows 使用libwebrtc.dll + C++ 实际开发中会遇到的困难 • 下载和编译Google WebRTC框架（防火墙，编译环境） • 原生SDK开发(每平台人力投入) • UI 的一致性，更新迭代（类似SDK需按平台维护） • 性能问题(全部使用html5) 客户端是否有 更好的选择？ 为何选择 Flutter 一对一 网页端 一对一 iOS/Android 服务端 第四部分 如何实现多人视频服务 • 一个SFU 服务器 （pion/ion-sfu) • 一个信令协议与客户端通讯, 完成SDP的交互 （Websockets/json-rpc/grpc） • 一个WebRTC 客户端 （浏览器/原生客户端/flutter 客户端） SFU工作原理 SFU 服务器 https://pion

201 3 201 5 201 6 Web页面 • H5 + CSS3 + JS • 最成功的的跨平台 201 7 2014 Hybrid Apps • Native良好的用户交互体验 • Web跨平台开发 Write Once, Run Anywhere Flutter简介 跨平台 1 201 4 Web页面 2015 React Native • FaceBook Flutter For Web 4 JavaScript扩展 Dart与JavaScript交互 Flutter For Web 4 JavaScript扩展 Dart与JavaScript交互 index.html Flutter For Web 4 JavaScript扩展 Dart与JavaScript交互 js_helper.dart Flutter For Web 4 降级 Flutter Storage … 自动化脚本 部署系统 发布 … Serve 上线 降级 Flutter For Web 4 降级 Flutter Engine Crash Flutter与Native交互异常 Flutter For Web 4 动态更新 Flutter UI Adapt CSSender Navigator MJFlutter … 降级 热更新 反馈 … 异常处理

DartChannel DartReport RichText … Refresh NetImage PbCodec •模块化开发 •通过MessageChannel调 用Native能力 •尽量减少Native交互模块 基础模块 PbCodec Channel Log … Ver1.0 Ver2.0 PbCodec Channel Log NetworkImage Refresh Report …

● 工具支持弱 ● 仔细选择技术方案和开发规范 Web 开发中还有许多问题有待解决... 未来的方向？ Chrome OS 和 Chromebook Chrome OS 基于浏览器和云端环境的 OS Chromebook 搭载 Chrome OS 的笔记本 今天的讲义也是用 Google doc 做的 PC销量下降，而 Chromebook 销 量增长 Chrome App vs 6. 可以写 Web 前端程序，在浏览器内运行 @蔡学镛 ● 结构化并且灵活的Web语言 ● 简单、有生产力 ● 适合从小型到大型的项目 ● 高性能、快速启动 ● 适合各种设备的Web环境 Dart 语言的目标 Dart 语言的组成 ● 语言规范 ● Dart VM ● 丰富的类库 ● 工具： ○ Dartium：Chrome + Dart VM ○ 包管理 Pub 检查类型匹配，及早发现问题，但性能差 T x = o 等价于 assert(o == null || o is T) 2）生产模式（production） 不检查类型，性能好 Dart 运行环境 Dart source code Dart VM JavaScript source code dart2js Source map tree shaking minification

Android插件化 n 总结 第一步 当 我 跨 出 第 一 步 工程体系接入 n Flutter接入方式 n FlutterBox Flutter接入方式 源码 双端工程 Flutter环境 aar Framework 独立Flutter 仓库 一键命令切换 编译产物 （默认） 百度EasyBox FlutterBox 源码接入 工程pubspec.yaml Flutter源码