Flutter 项目热更新方案对比指南

212 阅读3分钟

目录

  1. Flutter 热更新概述

  2. 主流热更新方案对比

  3. 方案选型建议

  4. 注意事项

  5. 扩展阅读


一、Flutter 热更新概述

Flutter 热更新(Hot Update)允许开发者在不通过应用商店审核的情况下,动态更新应用代码或资源。由于 Flutter 的 AOT(事前编译) 编译特性,官方并未直接支持 Dart 代码的热更新,但社区和第三方团队提供了多种动态化方案。以下是主流方案的对比与实现细节。


二、主流热更新方案对比

1. Fair(58同城)

  • 类型:JavaScript 动态化方案

  • 原理:在 Flutter 中嵌入 JavaScript 层,将 Dart 代码转换为.fair.json,.fair.bin,.fair.js 实现动态化。

  • 特点

    • 支持动态加载 JSON 或二进制格式的热更新包。
    • Debug 阶段使用 .fair.json(易读,渲染较卡),Release 阶段使用 .fair.bin(高性能)。
    • 性能略低于原生 Flutter,但动态化能力强。
  • 适用场景:需高频更新的业务页面(如活动页)。

  • 官网Fair 官方文档

集成步骤

  1. 开发 Dart 代码。

  2. 运行命令生成热更新包:

    bash

    flutter pub run build_runner build  
    
  3. 上传生成的 build/fair 目录文件至服务器。

  4. 客户端下载文件至手机,然后通过 FairWidget 加载热更新包文件。

示例

Fair 热更新流程 Shorebird 架构图

image.png

Fair 热更新流程 Shorebird 架构图

2. OTA Update

  • 类型:全量 APK/IPA 更新

  • 原理:直接下载新版安装包,需用户手动安装。

  • 特点

    • 无需应用商店审核,但体验较差。
    • 适用于紧急修复或大规模更新。
  • 插件地址ota_update

代码示例

dart

ota_update: ^6.0.0

await OtaUpdate().execute(  
  'https://example.com/app.apk',  
  destinationFilename: 'app_update.apk',  
); 
  

3. Tinker(腾讯)

  • 类型:Android 原生热修复

  • 原理:修改 Dex 层实现原生代码热更新,不支持 Dart 代码

  • 适用场景

    • 修复 Android 原生代码问题。
    • 需结合 Fair 等方案实现 Flutter 层动态化。
  • 限制:仅支持 Android,无法覆盖 Flutter UI 层。

  • GitHubTinker


4. MXFlutter

  • 类型:JavaScript 动态化方案

  • 原理:将 JavaScript 代码转译为 Flutter 代码。

  • 特点

    • 完全动态化,但性能较差。
    • 维护成本高,适合高动态需求场景。
  • 插件地址MXFlutter 该插件停更时间较长。


5. Shiply(腾讯)

  • 类型:自研虚拟机指令方案

  • 原理:通过高性能虚拟机指令实现动态化,接近原生性能。

  • 特点

    • 支持函数级、页面级、应用级动态化能力。
    • 与原生 Flutter 完全一致的开发体验,无需掌握其他语言,容易上手,无迁移成本。
    • 独家授权,年费 15 万元。
  • 官网Shiply


6. Kraken(阿里)

  • 类型:基于 W3C 标准的 Web 渲染引擎

  • 原理:使用 JavaScript/CSS 编写 UI,类似小程序

  • 特点

    • 跨平台(iOS/Android/Web)
    • 性能接近 Flutter,但动态化能力更强
  • GitHubKraken

kraken: ^0.11.0  
home: Kraken(
  bundle: KrakenBundle.fromUrl('assets:assets/bundleKeaken.html'),
));

三、方案选型建议

方案动态化能力性能成本适用场景
Fair中等免费高频更新/维护代码成本高
OTA Update免费全量包紧急更新
Tinker免费Android 原生修复
MXFlutter免费高动态/JavaScript开发
Shiply较高接近原生授权年费15w企业级高要求动态化
Kraken中等免费Kraken的JS Api开发页面

四、注意事项

  1. 合规性:热更新可能违反应用商店政策(如 Apple App Store),需谨慎使用。
  2. 性能权衡:动态化方案通常牺牲部分性能,建议仅对非核心页面使用。
  3. 测试覆盖:热更新包需充分测试,避免引发线上问题。

五、扩展阅读