今天，Flutter 全球热度不减。伴随着 Flutter 在越来越多的 App 中落地，如何高效构建基于Flutter 的企业级应用是一个巨大的挑战。企业级应用对性能、稳定性和研发效率都有着极高的要求。在本次分享中，我们将结合 Flutter 在闲鱼落地实践给出整体解决方案。我们会从 Flutter 混合应用、统一研发模型、性能优化和高可用等方面介绍方案的架构设计和实现。同时我们也会分享闲鱼在上述方向的思考和对 Flutter 未来的展望。另外，在本次分享中，我们也会对关键技术方案（包括代码）做公开发布。我们希望不仅能跟大家有思想上的碰撞，也有代码层面的切磋。 

演讲提纲：

1. 2021 企业级 Flutter 应用构建挑战

• 无缝混合融入
• 高效混合开发
• 研发体系高可用保障

2. Flutter 混合应用

• FlutterBost3.0
  • 全新 API
  • 无侵入解耦 Flutter SDK 和 FlutterBost
  • Flutter 页面和容器解除 1 对 1 绑定
  • 双端 API 统一
• 工程结构&构建
  • 回归 Module
  • 全自动化构建&部署

3. 统一研发模型

• 统一滚动容器：PowerScrollView
  • 多布局支持
  • 统一 Refresh & LoadMore
  • 精准曝光
  • 滚动到指定 Index
  • 性能优化
• 统一动态模板渲染引擎：DynamicX
  • 动态模板架构设计&实现
  • 渲染容器的性能优化

4. 高可用体系建设

• 数据定义
  • 时常
  • 流畅度
  • 异常
• 数据采集
• 智能告警

5. 总结&QA 

你将获得：

• 企业级混合 App 的构建，工程结构&自动化构建经验
• 如何保证 Flutter 应用的高可用
• 如何挖掘 Flutter 技术效率潜能，通过构建统一研发模型来提升研发效率
• 怎样构建统一滚动容器
• 怎样构建统一动态模板渲染引擎
• 分享会做部分关键技术方案（包括代码）的公开发布 

前沿亮点：

• 业界领先的混合栈解决方案
• 完整的动态模板解决方案
• 完整高可用保障体系 

适合人群 & 听众所需知识储备：

• 适合人群：从事一线移动开发者 公司架构师&技术TL
• 知识储备：跨栈技术、Flutter 技术、Android、iOS 开发技术 

实践过程中的痛点：

• 无缝从普通 App 无缝转向 Flutter，例如怎么高效解决混合工程的问题
• 构建统一研发模型 提供一致的研发模型提升研发效率。例如怎样构建统一滚动容器
• 方案如何做深度优化性能。例如怎样解决动态模板渲染引擎的渲染效率
• 如果保证在线上生产环境的高可用 包括稳定性（Exception），性能（帧率、加载时常等）
• 高可用数据怎样与真实体感保持一致

字节非常重视 App 的用户体验，为此在改善 App 品质上投入了极大的精力。Flutter 技术在字节的落地过程中，同样需要对它在实际场景的用户体验负责。我们在原生高可用体系建设的经验和平台基础之上，为 Flutter 逐步建立了专属的监控体系，为 Flutter 技术的落地提供有效的线上保障。本次演讲将结合字节在原生高可用体系的建设，分享我们在 Flutter 高可用体系上所做的工作，希望和大家一起为 Flutter 用户体验的进一步优化做出贡献。

演讲提纲：

1. Flutter 高可用目标

• Flutter 的现状
• Flutter 的挑战
• 建设 Flutter 高可用体系的目标

2. 高可用平台建设

• 工具建设：全流程高可用保障平台
• Flutter 异常监控
• Flutter 性能监控

3. Flutter 高可用优化实践

• 引擎治理
• 列表滑动优化

4. 总结和展望

你将获得：

• 了解 Flutter 性能数据的监控方案
• 了解 Flutter 异常的一些解决案例
• 了解 Flutter 性能数据的优化案例
• 了解引擎定制改造的经验

美团外卖商家端业务主要形态有 PC 和 App，且有外投 H5 场景。在这样多元的业务形态场景下，多端体验一致性和迭代效率一直都是值得被探索的方向，尤其对 Web（PC&H5） 端的延伸，业界的实践较少。基于团队对 Flutter 技术的良好“储备”和 Flutter 自身优秀的跨平台特性，我们利用 Flutter Web 很好的实现了多端复用和一致性体验，本次演讲主要分享相关经验，同时结合实例，帮助大家快速了解 MTFlutterWeb 的能力，也希望能为大家提供借鉴思路。

演讲提纲：

1. 背景介绍

• 业务背景
  • 业务形态（APP/PC/H5）多元化
  • 业务在各端的一致性需求
  • 业务案例介绍
• 技术背景
  • MTFlutter 技术“储备”
    • MTFlutter（美团内部 Flutter 开发生态） 架构介绍
    • 团队技术栈现状及FE扮演的角色
  • FlutterWeb 官方现状
    • FlutterWeb 架构介绍
    • 交互与视觉体验一致性

2. 面临的挑战

• 工程化
  • 现有基础依赖（请求库、埋点等）缺乏对 web 侧的实现
  • Flutter Web 编译产物不足以满足投产要求
  • 无法利用现有的持续交付与部署工具
• 性能问题
  • Flutter Web 页面加载性能差
  • 滚动性能无法满足复杂业务场景
• PC侧复用
  • 交互的差异与适配

3. MTFlutterWeb 解决方案

• MTFlutterWeb 技术架构
• 工程化建设
  • 基础依赖建设（请求库、埋点、监控等）
  • 持续交付与部署
• 性能优化
  • 页面加载性能
    • JS 拆包与按需加载
    • 静态资源 Hash 化
    • 静态资源 CDN 化
  • 滚动性能
    • Flutter Web 页面滚动原理
    • 改进与优化
• 多端复用
  • PC 侧复用实践（UI与逻辑）
• 成果展示
  • 全平台效果展示
  • 性能指标数据展示

4. 总结与展望

你将获得：

• 了解 FlutterWeb 基本原理与优势
• 了解 MTFlutterWeb 技术架构及其应用场景
• 了解如何对 FlutterWeb 编译流程进行干预，使其满足基本投产要求
• 了解如何对 FlutterSDK 进行改进，优化滚动性能
• 了解 FlutterWeb 在 PC 侧复用的实践

MXFlutter 作为首个在 GitHub 开源，基于 JS 的 Flutter 开发框架，一直在高可用和高性能方面进行着持续研究。本次将较为系统的介绍来自腾讯看点的 Flutter 开发框架 MXFlutter 的架构设计，和把 Flutter 工程编译成 JS 运行在 MXFlutter 框架上的 MXJSCompiler 介绍，以及框架的业务落地和后续展望。

演讲提纲：

1. 基于 JS 的 Flutter 框架的探索过程

2. MXFlutter 开发框架的架构设计

3. MXJSComplier 介绍

4. 框架的业务落地及挑战

5. 未来展望

听众受益：

• 了解基于 JS 开发 Flutter 业务的框架设计
• 了解将现有 Flutter 工程编译成 JS，运行在移动端 Flutter 上的实现原理
• 了解 MXFlutter 的业务落地及未来展望