Flutter踩坑日记：解除依赖

Flutter已经融入工程有一段时间了，由于团队人数较少，所以一直没有管和原有工程解依赖的问题，今天有时间正好把这个问题给搞了。

一、分析

首先，直接忽略上一篇《接入现有iOS项目》的所有步骤，直接创建flutter_module工程

flutter create flutter_module

注：flutter create flutter_module 和 flutter create -t module my_flutter区别在于带module参数，创建出来的工程会把辅助用的android，ios工程给隐藏掉，我们这里要涉及打包以及修改配置，就不需要带module参数了

其次，弄明白一件事官方wiki，里面用的两个脚本podhelper.rb和xcode_backend.sh分别在Podfile和Build Phases里面

flutter_application_path = '../my_flutter/'
eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)

"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" embed

这两个脚本的作用时什么呢？

1.podhelper.rb

这个脚本主要做了三件事：

通过Pod引入Flutter.framework（Flutter引擎），以及Flutter的插件注册表FlutterPluginRegistrant（创建的工程中GeneratedPluginRegistrant.{h,m}文件中）
引入.flutter-plugins的依赖
导入Generated.xcconfig配置，这里面放的是Flutter要用的环境变量（如：xcode_backend.sh开头就要用的$FLUTTER_ROOT）

这里面最重要的就是Flutter.framework

2.xcode_backend.sh

这个脚本原本是放在Build Phases，在Debug和Release模式下分别会产出对应环境的Flutter产物（Flutter有Debug，Profile，Release三个模式）。并且里面还有一句代码是：

RunCommand cp -r -- "${app_framework}" "${derived_dir}"

我们现在把flutter模块独立了，于是在Debug的时候执行flutter run或者打包执行flutter build ios都会在ios/Flutter文件夹下产生一些文件，其中App.framework和flutter_assets是我们最关心的。

也就是说xcode_backend.sh的作用是：

在Debug和Release下构建出对应的Flutter产物，App.framework，flutter_assets（App.framework就是我们在lib下面写的Dart代码，flutter_assets就是我们资源）
把上面的产物拷贝到App包里

那么我们也得出了相应的结论，要解除依赖，就是需要把关键的三个文件拆出来就可以了：

Flutter.framework
App.framework
flutter_assets

当然如果有FlutterPlugin则还需要FlutterPluginRegistrant，这个我们后面讲。

二、创建产物工程flutter_product

把Flutter.framework、App.framework、flutter_assets三个文件拷贝到这个工程。

注：一定要对应好Xcode和Flutter的模式，如果Xcode是Debug，那么需要Debug模式的Flutter产物，即：flutter run出来的App.framework和flutter_assets，Xcode是Release则需要flutter build ios出来的App.framework和flutter_assets。这个后续可以写个shell脚本来搞定。

编写**podspec**文件：

Pod::Spec.new do |s|

  s.name         = "FlutterModule"
  s.version      = "0.0.1"
  s.summary      = "A short description of FlutterModule."

  s.description  = "FlutterModule"

  s.homepage     = "http://EXAMPLE/FlutterModule"

  s.license      = "MIT"
  s.author             = { "goingta" => "[email protected]" }

  s.source       = { :git => "", :tag => "#{s.version}" }

  #s.source_files = 'Classes','Classes/**/*.{h,m}'
  s.vendored_frameworks = ['Module/App.framework','Module/Flutter.framework']
  s.resource = ['Module/flutter_assets']

end

三、通过Pod引入Xcode工程

修改工程下的Podfile：

pod "FlutterModule", :path => "../flutter_product"

注：我这里直接用的本地路径引入的（主要还是懒），团队开发应该是放在自己的私有pod库上。

至此，依赖就解决了，Native同学不需要关心Flutter模块，也不需要搭建Flutter环境，就可以开发了。而负责Flutter模块的同学也可以通过独立的工程单独开发，当然在大型团队开发过程中还有很多事情要做，这里只是第一步，后续把Plugin项目完成后出一篇完整文章。