flutter不支持热更新_Flutter实战经验(八):Flutter 在安卓上实现热更新

Flutter官方虽不支持热更新,但通过深入解析Flutter产物及源码,可以实现在Android端的动态更新。文章详细介绍了Flutter在Android的结构,特别是assets、jni、libs目录的作用。通过修改Flutter的资源目录,实现了代码和资源的热更新。资源更新通过Image.file()加载存储卡中的图片或使用Image.network()加载网络资源。未来,成熟的Flutter热更新技术将使移动两端共享业务代码成为可能。
摘要由CSDN通过智能技术生成
d77f8d2512606b1db42dc2964ddda9db.png

Flutter 官方在 GitHub 上声明是暂时不支持热更新的,但是在 Flutter 的源码里,是有一部分预埋的热更新相关的代码,并且通过一些我们自己的手段,在Android端是能够实现动态更新的功能的。

Flutter 产物的探究

不论是创建完全的 Flutter项目,还是 Native以 Moudle得方式集成 Flutter,亦或是 Native以 aar方式集成 Flutter,最终 Flutter在 Andorid端的 App 都是以 Native项目+ Flutter 的UI产物存在的。所以在这里拆开一个 Flutter在 release模式下编译后生成 aar包来做分析:

3097dc3a7d82a80ec8c9c91d2e5f36a3.png

我们关注重点在 assets,jni,libs 这 3 个目录中,其他的文件都是 Nactive层壳工程的产物。

jni :该目录下存在文件 libflutter.so,该文件为 Flutter Engine (引擎) 层的 C++实现,提供skia(绘制引擎),Dart,Text(纹理绘制)等支持;

libs:该目录下存在文件为 flutter.jar,该文件为 Flutter embedding (嵌入) 层的 Java实现,该层提供给 Flutter 许多Native层平台系统功能的支持,比如创建线程。

assets:该目录下分为两部分:

  1. flutter_assets 目录:该目录下存放Flutter 我们应用层的资源,包括images,font等
  2. isolate_snapshot_data,isolate_snapshot_instr,vm_snapshot_data,vm_snapshot_instr 文件:这 4 个文件分别对应 isolate、VM 的数据段和指令段文件,这就是我们自己的 Flutter 代码的产物了。

Flutter 代码的热更新

代码探究:

在我们的 Native 项目中,会在 FlutterMainActivity 中,通过调用 Flutter 这个类来创建 View:

38662d7447f531e899f1320fdbea0151.png

查看 Flutter 类代码,发现 Flutter 类主要做了几件事:

  1. 使用 FlutterNative 加载 View,设置路由,使用 lifecycle 绑定生命周期
  2. 使用 FlutterMain 初始化,重点关注这里。
b17dd3fc936bd8200d7c72e6633034ef.png

在 startInitialization 中,主要执行了三个初始化方法 initConfig(applicationContext),initAot(applicationContext),initResources(applicationContext),最后记录了执行时间。

在 initConfig 中:

878bd5ffde40de202ebff43e990f3f3b.png

在 initResources 中:

3df9ffa6f103a7063dfd9b91dd302686.png

在 ResourceExtractor 类中,通过名字就能知道这个类是做资源提取的。把 add 的 Flutter 相关文件从 assets 目录中取出来,该类中 ExtractTask 的 doInBackground 方法中:

File dataDir = new File(PathUtils.getDataDirectory(ResourceExtractor.this.mContext))

6dab7dc68f04ac5a466d03f16baf234e.png

如图,可以看到该目录是的访问权限是可读可写,所以理论上,我们只要把自己的 Flutter 产物下载后,从内存 copy 到这里,便能够实现代码的动态更新。

完整的代码实现:

11696c669c85c82798c031966c623ea8.png
b7b4a1ace0cdb861690d26e2e3b1797d.png
7224cb7584bc9edbb2ec940fc3d4e948.png
ae561b66ee80a0a2e2463945e8450e14.png
4114b21c4b722b52dfd2b4c590cfbdc4.png

Flutter 资源的热更新

我们的App安装到手机上后,是很难再修改 Assets 目录下的资源,所以关于资源的替换,目前的方案是使用 Flutter 的 API :Image.file() 来从存储卡中读取图片。

通常我们的 Flutter 项目中应当存有关于 App 的图片,尽量保证在热更新的时候使用已经存在的图片。

其次,我们可以使用 Image.network() 来加载网络资源的图片,如果还不能满足需求,兜底的方案就是使用 Image.file(),将资源图片放到Zip目录下一起下发,并在Flutter代码中使用 Image.file() 来加载。

  • 通过 Native 层方法拿到图片文件夹的内存地址 dataDir
  • 判断图片是否存在,存在则加载,不存在则加载已经存在的图片占位

new File(dataDir + 'hotupdate_test.png').existsSync()? Image.file(new File(dataDir + 'hotupdate_test.png')): Image.asset("images/net_error.png"),

总结

在 Flutter 代码产物替换中,因为替换的 4 个文件皆为直接加载到内存中的引擎代码,所以这部分优化空间有限。但在资源的热更新中,资源是从Assets取得,所以这里应该有更优的方案。

Flutter 的热更新意味着可以在在App的一个入口里,像 H5 一样无穷的嵌入页面,但又有和原生媲美的流畅体验。

未来 Flutter 热更新技术如果成熟,应用开发可能只需要 Android端和 IOS端实现本地业务功能模块的封装,业务和UI的代码都放在 Flutter 中,便能够真正的实现移动两端一份业务代码,并且赋予产品在不影响用户体验的情况下,拥有动态部署APP内容的能力。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值