Flutter 实现根据环境加载不同配置

之前做后端开发的时候，不管是什么语言或者框架，都习惯根据不同环境加载不同的开发配置，比如本地开发的时候，加载 local.env 配置,部署开发环境的时候加载 develop.env 配置，通常通过一个环境变量来决定加载相应的配置。最近在开发一款 Flutter App，我也希望 App 在不同的环境中加载不同的配置文件，实现的方式如下，如有不妥还请指出。

首先在lib建立多个main.dart，比如main_local.dart表示本地开发运行时执行的入口文件，main_develop.dart和main.dart分别表示开发环境和生产环境:

lib/
├── api/
├── main.dart
├── main_develop.dart
├── main_local.dart
├── models/
├── pages/
├── utils/
└── widgets/

这样如果我们运行在本地开发，那么执行

flutter run -t lib/main_local.dart

那么如何在执行本地开发环境的时候来调用本地开发的配置呢？其实很简单，我来定义配置文件，比如utils/config.dart

enum Env {
  PROD,
  DEV,
  LOCAL,
}

class Config {
  static Env env;

  static String get apiHost {
    switch (env) {
      case Env.PROD:
        return "http://yuanxuxu.com";
      case Env.DEV:
        return "http://develop.yuanxuxu.com";
      case Env.LOCAL:
      default:
        return "http://local.yuanxuxu.com";
    }
  }
}

其中Env就是一个环境变量，比如我们要获取 api 请求的地址，那么根据环境变量来获取不同的请求地址，接下来我们只要在运行的入口函数 main 中定义我们当前运行的环境变量，在main_local.dart中定义:

import 'package:xxx/utils/config.dart';
void main() {
  Config.env = Env.LOCAL; //设定运行环境的环境变量

  runApp(new MaterialApp(
  ...
  ));

本地开发环境的话我们就获取到http://local.yuanxuxu.com:

import 'package:xxx/utils/config.dart';
...
static request(String method, path,
      {Map<String, dynamic> data, header}) async {
    options.baseUrl = Config.apiHost; //这里获取到http://local.yuanxuxu.com
       ...
    return response;
  }

这样就是实现了不同环境对于获取不同的配置了，如果我们现在要编译打包一个 apk 文件用于分发到手机上用于测试预览使用，那么可以打包一个调用 develop 环境配置的 apk 文件:

flutter build apk -t lib/main_develop.dart

打包生产配置的安装包也是一样的，直接 build main.dart 文件。

转载请注明： 转载自Ryan 是菜鸟 | LNMP 技术栈笔记

如果觉得本篇文章对您十分有益，何不 打赏一下

谢谢打赏

本文链接地址: Flutter 实现根据环境加载不同配置

知识共享许可协议 本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。

Original url: Access
Created at: 2018-12-19 13:53:22
Category: default
Tags: none

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论