Flutter 如何在不同环境上运行和打包

早上好~
这文章总是越写越来劲，以前总感觉写一篇技文，要花太多时间，想想都难，不肯动手。其实后来写着写着发现，并不是所有的文章都需要写很多篇幅。可能短短几段话就写完了。关键是要落实行动，万事开头难，动起来就好了。keep..

老规矩，上酸菜~
《Flutter的拨云见日》系列文章如下：
1、Flutter中指定字体(全局或者局部，自有字库或第三方)
2、Flutter发布Package(Pub.dev或私有Pub仓库)
3、Flutter中解决输入框(TextField)被键盘遮挡问题
 4、Flutter 如何在不同环境上运行和打包

今天，我们要聊聊开发移动App很重要的一环，如何在flutter中配置多环境，如我们开发过程中有dev环境、stage环境、testing环境和live生产环境。这里每个环境的url、firebase配置文件(下一节讲解如何配置不同环境的firebase工程)等等都有所不同，我们如何分隔环境呢？
下面开始娓娓道来~

一、配置不同的main.dart文件

1.1 首先我们需要根据我们不同的环境定义不同的main.dart文件

其实也就是比如说你有四个环境：dev、stage、testing和live
你需要将main.dart文件复制为四份，分别给他们命名为main_dev.dart、main_stage.dart、main_testing.dart和main_live.dart。
这其实就是四个环境所对应的main文件入口。
目录如下图1.1所示

图1.1.png

二、根据main.dart文件反馈出的Channel，配置不同参数

2.1 因为现在我们有四个环境的main.dart文件，我们如何区分不同环境的url或者说不同环境的配置信息呢？

其实我们区分了不同环境的main.dart文件就很容易做到这些了。

我们可以定义一个channel渠道目录，并在其下面新建一个channel.dart的渠道文件，在此文件中我们可以定义不同环境的枚举，然后定义每个枚举的不同环境Url、配置等。如下面代码：

enum APPChannel {
  DEV,
  STAGE,
  TESTING,
  LIVE,
}

class Channel {
  static APPChannel currentChannel;

  static String get baseURL {
    switch (currentChannel) {
      case APPChannel.DEV:
        return 'https://dev.com';
      case APPChannel.STAGE:
        return 'https://stage.com';
      case APPChannel.TESTING:
        return 'https://testing.com;
      case APPChannel.LIVE:
        return 'https://live.com';
      default:
        return 'https://dev.com';
    }
  }
}

2.2 定义好了渠道枚举之后，我们就可以在不同环境main.dart中添加不同的环境渠道值了。

如下代码所示：
例如在main_dev.dart文件中

void main() {
  Channel.currentChannel = APPChannel.DEV;
  runApp(FlutterAPP());
}

2.3 最后我们在程序中就可以，根据现在的渠道获取相应的渠道信息

如下代码所以，我们根据渠道获取不同的Url：

static String baseUrl = Channel.baseURL;

三、如何运行不同环境的main.dart工程

运行不同环境的main.dart文件有两种方式

3.1 在Android Studio上使用图形化编辑

3.1.1 首先，在android studio工具栏上选择下图3.1所示

图3.1.png

3.1.2 再点击Edit Configurations，在打开的对话框中选择Flutter，并点击+，如图3.2

图3.2.png

3.1.3 点击+号后，选择Flutter Task，如图3.3

图3.3.png

3.1.4 然后为生成的Flutter Task编辑名称，选取main.dart文件路径，再保存，如图3.4

图3.4.png

3.1.5 我们添加好几个环境的task后，就可以在工具栏下拉选项中选择不同环境的main.dart运行了

2. 使用命令行运行不同环境main.dart

3.2.1 运行Apk

flutter run lib/main_dev.dart

3.2.2 打包应用包

flutter build apk lib/main_dev.dart

四、结语

这一节讲的是Flutter开发App过程中区分不同环境的问题，其实挺简单的，就是拆分不同环境的main.dart文件，配置Channel.dart环境文件就可以了，其实这一节是为一下节打基础的，下一节将会探讨一下如何在使用Firebase进行Crash捕获，Notification等功能中，区分开发环境和生产环境。尽情期待~^_

申明：禁用于商业用途，如若转载，请附带原文链接。https://www.jianshu.com/p/04afcbb4c8bb蟹蟹~

PS: 写文不易，觉得没有浪费你时间，请给个点赞~ 😁

最后编辑于：2020.11.09 13:54:56