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所示


Flutter 如何在不同环境上运行和打包_第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所示


Flutter 如何在不同环境上运行和打包_第2张图片
图3.1.png

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


Flutter 如何在不同环境上运行和打包_第3张图片
图3.2.png

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


Flutter 如何在不同环境上运行和打包_第4张图片
图3.3.png

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


Flutter 如何在不同环境上运行和打包_第5张图片
图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: 写文不易,觉得没有浪费你时间,请给个点赞~

你可能感兴趣的:(Flutter 如何在不同环境上运行和打包)