Flutter 入门与 iOS原生集成-Mac篇

一、获取SDK，搭建环境

1、直接下载文件解压到目标路径，SDK下载地址：

cd ~/Flutter
unzip ~/Downloads/flutter_macos_1.20.4-stable.zip

2、cd到目标路径，然后从Github上repo分支源码：

cd ~/Flutter
git clone https://github.com/flutter/flutter.git

3、配置 flutter 的 PATH 环境变量，并使之永久生效：

3.1 首先获取 Flutter SDK 安装目录的路径

3.2 打开 $HOME/.bashrc 文件，并且加入以下代码，保存关闭

export PATH=/Users/apple/flutter/bin:$PATH //为3.1步骤获取的路径
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

3.3 修改 $HOME/.zshrc 文件，使每次启动我们的Mac都自动执行命令，文件最后加入以下代码

source ~/.bash_profile

3.4 运行 source $HOME/.bash_profile 来刷新当前命令行窗口

3.5 运行 flutter doctor -v 命令查看环境是否需要安装其他依赖

Flutter环境

二、原生集成 Flutter 方案对比

Flutter module

第一步要创建一个 Flutter module

cd some/path/
flutter create --template module my_flutter

1、通过 Cocoapods 直接集成，指向上述工程

1.1 在 Podfile 中添加下面代码：

flutter_application_path = '../my_flutter'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

1.2 每个需要集成 Flutter 的 [Podfile target][]，执行 install_all_flutter_pods(flutter_application_path)：

target 'MyApp' do
  install_all_flutter_pods(flutter_application_path)
end

1.3 运行 pod install。

2、在 Xcode 中集成 frameworks

2.1 编译 frameworks

flutter build ios-framework --output=some/path/MyApp/Flutter/

编译后目录如下：

some/path/MyApp/
└── Flutter/
    ├── Debug/
    │   ├── Flutter.framework
    │   ├── App.framework
    │   ├── FlutterPluginRegistrant.framework (only if you have plugins with iOS platform code)
    │   └── example_plugin.framework (each plugin is a separate framework)
    ├── Profile/
    │   ├── Flutter.framework
    │   ├── App.framework
    │   ├── FlutterPluginRegistrant.framework
    │   └── example_plugin.framework
    └── Release/
        ├── Flutter.framework
        ├── App.framework
        ├── FlutterPluginRegistrant.framework
        └── example_plugin.framework

2.2 拖动所需要 Framework 进去工程

3、使用 CocoaPods 在 Xcode 和 Flutter 框架中内嵌应用和插件框架

3.1 除了将一个很大的 Flutter.framework 分发给其他开发者、机器或者持续集成 (CI) 系统之外，你可以加入一个参数 --cocoapods 将 Flutter 框架作为一个 CocoaPods 的 podspec 文件分发。这将会生成一个 Flutter.podspec 文件而不再生成 Flutter.framework 引擎文件

flutter build ios-framework --cocoapods --output=some/path/MyApp/Flutter/

3.2 上传到我们私有库

pod lib create KYFlutterPod

目录结构

3.3 打上标签推到远端

远程仓库

3.4 pod集成

pod 'KYFlutterPod', :git => 'http://xxx.com/xxxx/xxx.git'

三、实践

通过对比以上方案，本项目采取不依赖 Flutter 环境集成：通过把 Flutter engine 、你的 dart 代码和所有 Flutter plugin 编译成 framework，并且配合 Cocoapods 管理，解决可持续集成与移植，并不需要原工程支持 Flutter 环境。

仅仅通过 Pod 即可以在iOS原有工程中开箱即用。