，参与手机QQ、 NOW直播、腾讯课堂等产 品的Android客户端。 姓名：王刚 英文：Kirawang 职位：腾讯移动端高级工程师 手机QQ NOW直播 分享目录 uNOW直播与Flutter uNOW直播中Flutter的开发模式 uNOW直播中Flutter的工程实践 u技术思考 关于NOW直播 •腾讯出品的个人直播平台 •2016年初上线 •Top3热门个人直播App •Tens uNOW直播中Flutter的工程实践 u技术思考 开发模式 •纯Flutter开发 •不具备条件 Flutter Native Flutter •混合开发 工程化开发模式Ⅰ •IDE直接集成Flutter产出模式 •快速方便集成 无法同步Dart代码 无法启动调试 Android IOS 工程化开发模式Ⅱ • Flutter工程集成NOW工程模式 • 修改NOW工程结构 • 将D 修改编译脚本 • 支持断点调试 无法跨终端同步及维护Dart代码 工程化开发模式Ⅲ • Gradle/CocoaPods依赖管理 • 跨终端团队协作远程构建产出模式 • Dart代码独立GIT • 远程构建平台配置终端推送地址 • 构建完成自动推送更新 QCI 远程构建平台 Android Git iOS Git 工程化开发模式Ⅲ 1. 拉取Dart分支 2. 拉取Android

Flutter在百度贴吧的落地实践 高飞 百度资深研发工程师 自我介绍 自我介绍 高飞 11年加入百度贴吧，资深研发工程师，百度贴吧客户端技术负责人 2016 2011 2012 2018 H5 客户端（工程） 直播（游戏） Flutter 目录 n 为何引入Flutter n 实践之旅 n 总结 目录 n 为何引入Flutter n 实践之旅 n 总结 n 年轻人兴趣社区 跨平台开发 高效的开发体验 性能接近Native 1 2 3 Ø N倍平台产出 Ø 多端逻辑一致 效率 质量 目录 n 为何引入Flutter n 实践之旅 Ø 技术全景 Ø 工程体系接入 Ø 业务框架升级 Ø Android插件化 n 总结 先看一下全景 开发 工具链 一键集成 SDK版本 模板脚手架 BuildRunner FlutterBox 可视化工具 构建 FlutterWeb 目录 n 为何引入Flutter n 实践之旅 Ø 技术全景 Ø 工程体系接入 Ø 业务框架升级 Ø Android插件化 n 总结 第一步 当 我 跨 出 第 一 步 工程体系接入 n Flutter接入方式 n FlutterBox Flutter接入方式 源码 双端工程 Flutter环境 aar Framework 独立Flutter 仓库 一键命令切换

缺少对组件技术的基础支撑。——我 ● 组件技术适合于现代的软件环境 ○ 软件更新快、规模大、强调协作等 ○ 组件的概念、软件IC ● 组件的可独立发布性要求“接口与实现分离” ● 组件infrastructure,组件体系 ○ COM、CORBA、J2EE/EJB ● 中间件(middleware)市场 ——潘爱民，2002.9 Web Components 当前实现状态 HTML Imports Custom src="polymer.min.js"> Q & A hanguokai@gmail.com @Dart语言 / @hanguokai 非前端工程师 韩国恺

实践框架及页面栈管理 2 接入层 - MJFlutter Toast Dialog Refresh … Navigator Storage CSSender Notification Logger … Common 专有通道 通用通道 应用UI 网络请求 存储 页面栈 推送 日志 … 基础能力 数据传输层 Native基础层 应用UI 实践框架及页面栈管理 2 接入层 - MJFlutter MJFlutter 通道传输 基础能力 接口简单易用 方便接入 扩展能力强 终生使用 底层Engine耦合低 实践框架及页面栈管理 2 混合栈管理 Native_0 Flutter_0 Native_1 Flutter_1 Flutter_0 Flutter_2 页面切换 实践框架及页面栈管理 2 混合栈管理 Native Flutter Flutter_2 Flutter_1

支持业务自定义开发 • 高性能，单个ion-sfu节点 1k 并发仅需 0.5核 ION 架构 多node 架构 主要模块 • ISLB 服务发现，负载均衡，媒体信息全局存储 • Biz 业务接入模块 • SFU 节点 (用于转发webrtc 流，与biz模块配合创建视频会议系 统) • AVP 节点 (用于从SFU节点拉取数据进行数据处理，视频流存 储，音视频混合，CV ，语音识别，图形识别等)

让你的闲置游起来 Native组件 Native和Flutter混合开发 混合栈 闲⻥鱼 - 让你的闲置游起来 视频和动画 视频 动画 闲⻥鱼 - 让你的闲置游起来 关键问题解决 混合开发：⼯工程管理理和混合栈管理理 外接纹理理播放视频 图⽚片缓存优化 ⽆无反射JSON序列列化 私有PUB库、阿⾥里里⽣生态适配 闲⻥鱼 - 让你的闲置游起来 Flutter和Native性能简单⽐比较