Flutter 命令行打包

做者：腾讯 - 小德（koudleren 任晓帅）

前言

前面讲了Flutter持续化集成上的演进之路，Flutter的工程为Flutter Model的工程，其中一个很重要的点就是如何在服务器上打包，这个涉及到命令行打包，接下来看如何作。

Android打包

Android的命令行打包比较简单，直接用gradle命令，在工程的目录下运行以下的命令：

1. 打debug包

$./gradlew assembleDebug
复制代码

2. 打Release包

$./gradlew assembleRelease
复制代码

生成的aar包就在.android/Flutter/build/outputs/aar/目录下

iOS打包

iOS打包比较复杂一些，须要用到一个打包的脚本，这个脚本在Flutter SDK里，路径为packages/flutter_tools/bin,有一个叫xcode_backend.sh的脚本，首先分析这个脚本：

if [[ $# == 0 ]]; then
  # Backwards-compatibility: if no args are provided, build.
  BuildApp
else
  case $1 in
    "build")
      BuildApp ;;
    "thin")
      ThinAppFrameworks ;;
    "embed")
      EmbedFlutterFrameworks ;;
  esac
fi
复制代码

能够看到这个脚本有三个功能，分别是：

1. build
2. thin
3. embed

把这个脚本拷贝到工程的目录，运行

1. 第一步

$/bin/sh xcode_backend.sh build
复制代码

而后你会发现有报错，以下：

ERROR: Unknown FLUTTER_BUILD_MODE: .
Valid values are 'Debug', 'Profile', or 'Release' (case insensitive).
This is controlled by the FLUTTER_BUILD_MODE environment varaible.
If that is not set, the CONFIGURATION environment variable is used.
复制代码

这是由于少了一些环境变量，要把这些变量加上：

export FLUTTER_BUILD_MODE="" //有三个值：Debug  Profile   Release
export FLUTTER_ROOT="" //Flutter SDK的目录
export FLUTTER_APPLICATION_PATH=""  //工程目录
export SOURCE_ROOT="${FLUTTER_APPLICATION_PATH}/.ios/Flutter"  //Flutter iOS代码的目录
export FLUTTER_TARGET="lib/main.dart"  //dart代码
export FLUTTER_BUILD_DIR="build" //build生成的路径
export ARCHS="armv7 arm64" //Flutter打包的Framework要支持的平台
复制代码

2. 第二步

$/bin/sh xcode_backend.sh thin
复制代码

一样也要加上环境变量：

export SOURCE_ROOT=".../.ios/Flutter" //Flutter iOS代码的目录
export ARCHS="armv7 arm64" //Flutter打包的Framework要支持的平台
export TARGET_BUILD_DIR="${SOURCE_ROOT}" //build生成的路径
export app_path="${TARGET_BUILD_DIR}/Flutter" //Flutter打包的Framework所在的路径
export frameworks_dir="${app_path}"  //Flutter打包的Framework所在的路径
复制代码

综上，要加的环境变量以下：

export FLUTTER_BUILD_MODE="" //有三个值：Debug  Profile   Release
export FLUTTER_ROOT="" //Flutter SDK的目录
export FLUTTER_APPLICATION_PATH=""  //工程目录
export SOURCE_ROOT="${FLUTTER_APPLICATION_PATH}/.ios/Flutter"  //Flutter iOS代码的目录
export FLUTTER_TARGET="lib/main.dart"  //dart代码
export FLUTTER_BUILD_DIR="build" //build生成的路径
export ARCHS="armv7 arm64" //Flutter打包的Framework要支持的平台
export TARGET_BUILD_DIR="${SOURCE_ROOT}" //build生成的路径
export app_path="${TARGET_BUILD_DIR}/Flutter" //Flutter打包的Framework所在的路径
export frameworks_dir="${app_path}"  //Flutter打包的Framework所在的路径
复制代码

运行的命令以下:

$/bin/sh xcode_backend.sh build
$/bin/sh xcode_backend.sh thin
复制代码

生成产物在.../.iOS/Flutter中查看，若是想修改生成产物的路径，修改脚本里derived_dir的值，以下：

local derived_dir="${SOURCE_ROOT}/Flutter/Flutter"
  if [[ -e "${project_path}/.ios" ]]; then
    derived_dir="${project_path}/.ios/Flutter/Flutter"
  fi
复制代码