Flutter 是目前最火的跨平台原生解决方案，但和传统原生方案有个共同的问题就是版本更新不够灵活，那么既要性能好，又要能灵活更新，就成了问题。

大部分公司采用的是基于 DSL 的动态化方案，但 DSL 动态化磨平各种组件库的差异的成本又比较高（需要频繁更新基础包），部分方案甚至需要用 TypeScript 来开发，也有部分公司直接使用内嵌 WebView，那么带来的问题就是体验不是特别好，尤其是首屏白屏和与原生桥接的部分需要做大量的对齐，所以兴盛优选无线团队结合了多个解决方案之后，通过 Flutter web 离线包技术，解决了动态内容更新和体验的问题。

开发过程与 FLutter Native 开发没任何差异，但构建过程通过工程化平台，先构建成 Web 应用，再做离线化打包，更新方面分仍然按照常规离线包加载方式。但整个过程对开发者屏蔽。开发者只关心自己开发的应用仍然是 Dart 语法，使用 Dart 和 Flutter 的 API。但最终的产物是离线包。

兴盛优选物流体系一直是很高的行业壁垒，而技术团队也在不断的加速这个壁垒的形成，目前通过离线 Flutter-Web 方案，已经在多个系统中（如：共享仓App、网格站App等 ）进行了实施，这些应用都是更新频率相当高，网络环境又不是特别好的仓库中的作业 App，很好的解决更新于体验的问题。

演讲提纲：

1. 背景介绍

2. 为什么现有方案解决不了我们的问题

• H5 在仓库网络环境不好的情况下，加载缓慢，严重影响工作效率
• Flutter Native 代码固化，版本更新严重影响用户体验，同时不利于快速响应线上故障，容易扩大影响时长及范围
• Flutter DSL 动态化接入成本过高，并且不能复用已有的工程基建

3. 我们探索与实践

• 热门跨平台解决方案 -> H5、Flutter Native等根据不同业务场景使用在生产环境
• Flutter DSL 动态化尝试 -> 接入成本过高，完全不能复用现有工程基建及项目代码
• Flutter Web PWA 尝试 -> 无法解决无数据缓存时加载时间过长现象
• Flutter Web 离线包尝试 -> 当前正在内部推广，在开发效率及业务体验中取得了较好的平衡

4. 实际应用带来的效果（我们在物流系统中最终成效）

• 与现有的无线物流 Flutter 项目及 H5工程化基建完美兼容，共用所有的业务基建（请求、埋点、监控、业务组件及发布上线全流程，开发效率提升60% +）
• 传承了 H5 自身的动态化能力，能够随时动态更新线上代码
• 解决物流仓储网络情况较差情况下，Web 应用加载缓慢的问题（相对无缓存加载，时间效率提升80% +）

你将获得：

• 学习到 FlutterWeb 新的开发模式
• 了解如何对 FlutterWeb 进行补充
• 了解到动态内容的实现的新方式