Flutter 多渠道打包详解（埋点统计系列文章）

我是 Zero，废话不多说，脑图奉上

脑图梳理

只要你关注 Flutter，这篇文章你绝对用得着 ==> 强烈建议➕收藏

多渠道打包介绍

多渠道打包的主要作用是满足产品的运营需求，统计渠道和活动效果。
在之前原生（Android、iOS）开发 App 有各种工具来辅助我们完成多渠道打包。
在我们开发过程中也需要为渠道功能负责，原生的开发工具就基本满足我们调试渠道包内容，但是在 Flutter 上需要更多的配置才可以完成，下文将一一介绍从配置=>调试=>打包的全部流程和细节。

多渠道配置

从 Flutter v1.17 开始，Flutter 命令工具增加了自定义参数的功能 --dart-define，我们可以用这个命令参数在打包或运行 App 时设置参数即可。

首先确定 Flutter 版本，我的版本是 v1.22.6

flutter run --dart-define=APP_CHANNEL=ZeroFlutter

当然你可以传递多组参数

flutter run --dart-define=APP_CHANNEL=ZeroFlutter --dart-define=OTHER_VAR=Dart

在 Dart 代码中你需要这样写，一定是和命令参数是对应的

// main.dart
class EnvironmentConfig {
  static const APP_CHANNEL = String.fromEnvironment('APP_CHANNEL');
  static const OTHER_VAR = String.fromEnvironment('OTHER_VAR');
}

运行查看结果

• 先修改 Flutter 项目对应的代码

// my_home_page.dart
Text(
  'App 渠道：${EnvironmentConfig.APP_CHANNEL}',
  style: Theme.of(context).textTheme.bodyText1,
),
Text(
  '其他参数：${EnvironmentConfig.OTHER_VAR}',
  style: Theme.of(context).textTheme.bodyText1,
),

• 然后运行项目

flutter run --dart-define=APP_CHANNEL=ZeroFlutter --dart-define=OTHER_VAR=Dart

• 查看结果

这里可以看到已经把对应的参数内容显示出来了，接下来就是具体业务层怎么来使用的问题了，下面内容也会介绍使用场景，继续往下看 👇

多渠道调试

我们已经看到效果了，但是在开发过程中我们不可能一直在命令行运行看效果，如果可以配合 IDE 进行多渠道调试开发那就很棒了，下面分别介绍一下 VS Code 和 Android Studio 的配置方法。

VS Code 配置

• 先创建一个 launch.json 启动文件

• 然后配置启动参数项目

{
   
    "version": "0.2.0",
    "configurations": [
        {
   
            "name": "Flutter",
            "request": "launch",
            "type"