美文网首页
Flutter混合工程管理

Flutter混合工程管理

作者: 刺客的幻影 | 来源:发表于2020-08-05 17:55 被阅读0次

Flutter混合工程管理的两种模式

  • 混合模式

将Flutter部分代码作为一个module引入,该方案开发体验好,但是耦合性高,所有团队成员都要配置Flutter环境

  • 产物模式

    Android端将Flutter部分代码编译成aar,集成到主工程,该方案开发调试体验差,耦合性低,不需要团队其他成员配置Flutter环境

  • 总结
混合模式 产物模式
优点 便于开发和调试 耦合度低,不需要开发Flutter需求则无需配置Flutter环境
缺点 耦合度高,所有项目成员都要配置Flutter环境 不利于开发调试

方案优化

  • 问题

    有没有一种方案,既能够同时兼顾Flutter开发人员的效率,又对主工程没有侵入呢?

  • 解决思路

    我想到了gradle,这是Android项目打包和编译的一个工具,基于Groovy的一种DSL的项目配置,如果通过全局开关,动态地让开发人员选择上面两种模式,是否可行呢,试试就知道了

解决步骤

1. 在Android项目的主工程MyApp/下,新建一个config.gradle文件
       ext {
                compile = ['isBuildFlutter': true,]
            }
2. 在MyApp/app/build.gradle文件中,区分产物和混合模式
    
      repositories {
       flatDir {
        dirs 'libs'
      }

       //以aar方式集成
       if (!rootProject.ext.compile['isBuildFlutter']) {
           maven {
            url '../../flutter_module/build/host/outputs/repo'
           }
        maven {
            url 'http://download.flutter.io'
          }
       }
   }

buildTypes {
 if (!rootProject.ext.compile['isBuildFlutter']) {
            profile {
                matchingFallbacks = ['debug', 'release']
            }
        }
}
dependencies{

     if (rootProject.ext.compile['isBuildFlutter']) {
        implementation project(':flutter')
        compile project(path: ':flutter_boost')
       } else {
          debugImplementation 'com.example.flutter_module:flutter_debug:1.0'
          profileImplementation 'com.example.flutter_module:flutter_profile:1.0'
          releaseImplementation 'com.example.flutter_module:flutter_release:1.0'
      }
}

3. 在setting.gradle文件中,区分产物和混合模式
        
 buildscript {
    apply from: 'config.gradle'
    if (ext.compile['isBuildFlutter']) {
        setBinding(new Binding([gradle: this]))                                 // new
        evaluate(new File(                                                      // new
                settingsDir.parentFile,                                               // new
                'honey_flutter/.android/include_flutter.groovy'                          // new
        ))
        include ':flutter_module'
        project(':flutter_module').projectDir = new File('../flutter_module')
    }

}
        

以上思路比较清晰,步骤看起来不多,但是在尝试的时候还是有很多坑的

使用方式

1. 将Android主工程和Flutter模块放在同一级目录下,如下:
image.png
2. 产物模式(aar)接入
  • 将config.gradle中的isBuildFlutter设置false
  • 如果没有aar产物,则到flutter_module下,执行flutter build aar
3. 混合模式接入
  • 将config.gradle中的isBuildFlutter设置为true
  • 到flutter_module下,执行flutter packages get
  • 回到主工程重新编译即可

相关文章

网友评论

      本文标题:Flutter混合工程管理

      本文链接:https://www.haomeiwen.com/subject/zpeorktx.html