Flutter混合开发和Android动态更新实践

Flutter混合开发和Android动态更新实践

感谢闲鱼和csdn的文章给的思路:

闲鱼flutter混合工程持续集成的最佳实践

深入理解 Flutter 的编译原理与优化

Flutter混合开发和动态更新的探索历程 Android版

本篇是实践性文章包含两部分

  1. 将Flutter工程编译后的文件集成到Android项目
  2. 将Flutter代码热更新

不涉及源码和理论,想要了解的话可以阅读上面的文章

将Flutter工程编译后的文件集成到Android项目

​ 因为Flutter无法完全替代原生绝大部分项目都是Flutter和Native混合开发的模式,所以存在一部分同学只做Native开发,并不熟悉Flutter技术。如果直接采用Flutter工程来开发,那这部分原生开发同学也需要配置Flutter环境,学习Flutter。

​ 由于上述原因,所以采用flutter项目和原生项目相互独立开发,将flutter项目编译后的文件以module的形式集成到Android项目中。

原理:Android项目依赖flutter的文件

  1. Flutter库

    主要是flutter.jar,文件位于Flutter SDK目录下flutter/bin/cache/artifacts/engine

  2. Flutter工程编译文件

    isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr、flutter_assets下所有文件

    位于Flutter工程build/app/intermediates/flutter/release/下

  3. Flutter Plugin编译文件(暂时没用到,待补充)

集成步骤

  1. 在原生项目中新建一个module例如fluttermodule

  2. 将flutter.jar放入libs文件夹

  3. 将isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr和flutter_assets下所有文件放入assets/flutter_assets/下

    为了方便可以在flutter项目中用gradle脚本实现,例如

    task copyAndroidFlutterModule << {
        println "project.rootDir = ${project.rootDir}/"
    
        println "buildDir = ${this.buildDir}/"
        def flutterOutputDir = "${this.buildDir}/flutter_android_output/flutter_module/"
        def flutterPluginFile = new File(flutterOutputDir)
        if (!flutterPluginFile.exists()) {
            flutterPluginFile.mkdirs()
        } else {
            flutterPluginFile.deleteDir()
        }
        def flutterReleaseBuildDir = "${this.buildDir}/app/intermediates/flutter/release/"
        println "flutterReleaseBuildDir=$flutterReleaseBuildDir"
        //复制snapshot_data和snapshot_instr
        project.copy {
            from flutterReleaseBuildDir
            include "*snapshot_data"
            include "*snapshot_instr"
            into flutterOutputDir
        }
        //复制flutter_assets
        project.copy {
            from "${flutterReleaseBuildDir}flutter_assets/"
            into flutterOutputDir
        }
    }
    
  4. 将application指定为FlutterApplication或者自定义类集成FlutterApplication

    <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:name="io.flutter.app.FlutterApplication"
            android:roundIcon="@mipmap/ic_launcher_round"
            android:supportsRtl="true"
            android:theme="@style/AppTheme">
      </application>
    
  5. 新建Activity继承FlutterActivity

    package com.gmail.jackxuechen.fluttermodel;
    
    import android.os.Bundle;
    import io.flutter.app.FlutterActivity;
    
    public class FlutterRootActivity extends FlutterActivity {
      @Override
      protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        GeneratedPluginRegistrant.registerWith(this);
      }
    }
    
  6. 集成成功

Android动态更新

原理:替换/data/data/包名/app_flutter/flutter_assets/

下的isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr即可实现flutter项目的更新

为了方便可以写个gradle脚本将flutter工程编译的isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr文件放到一个单独文件夹

task copyAndroidFlutterAssets << {
    println "project.rootDir = ${project.rootDir}/"
    println "buildDir = ${this.buildDir}/"
    def flutterOutputDir = "${this.buildDir}/flutter_android_output/flutter_assets/"
    def flutterPluginFile = new File(flutterOutputDir)
    if (!flutterPluginFile.exists()) {
        flutterPluginFile.mkdirs()
    } else {
        flutterPluginFile.deleteDir()
    }
    def flutterReleaseBuildDir = "${this.buildDir}/app/intermediates/flutter/release/"
    println "flutterReleaseBuildDir=$flutterReleaseBuildDir"
    //复制snapshot_data和snapshot_instr
    project.copy {
        from flutterReleaseBuildDir
        include "*snapshot_data"
        include "*snapshot_instr"
        into flutterOutputDir
    }
}

注意事项

  1. vm_snapshot_data、vm_snapshot_instr和flutter sdk版本有关,生成更新文件时应保持和集成到原生项目中的flutter sdk版本一致

  2. 因为isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr可能是在FlutterApplication中处理(需要看源码目前还没研究到)的。如果直接替换相关文件而没有冷启动,可能会导致崩溃,不过可以通过升级逻辑实现冷启更新,类型腾讯tinker。

  3. 如果flutter项目中添加新的依赖原生的插件,则无法通过替换flutter编译后的文件升级,强制升级会崩溃

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容