Flutter中如何使用环境对象与数组值？参考JS实现方式

Flutter中可以实现类似JavaScript的方式处理环境变量的数组和对象，以下是具体实现方法：

一、手动解析原生环境变量 #

Flutter提供String.fromEnvironment来直接读取编译时传入的环境变量，之后可以手动解析成数组或对象：

1. 处理数组 #

假设通过编译参数传入环境变量：

flutter run --dart-define=SOME_VAR=VAL1,VAL2,VAL3

在代码中解析：

const String someVarRaw = String.fromEnvironment('SOME_VAR');
final List<String> someVar = someVarRaw.split(',');
print(someVar); // 输出: [VAL1, VAL2, VAL3]

2. 处理对象 #

传入JSON格式的环境变量：

flutter run --dart-define=OBJECT_VAL={"VAR1": "VAL1", "VAR2": "VAL2", "VAR3": "VAL3"}

借助dart:convert包解析成Map：

import 'dart:convert';

const String objectValRaw = String.fromEnvironment('OBJECT_VAL');
final Map<String, dynamic> objectVal = jsonDecode(objectValRaw);
print(objectVal); // 输出: {VAR1: VAL1, VAR2: VAL2, VAR3: VAL3}

二、使用flutter_dotenv包管理.env文件 #

如果需要更便捷地管理多个环境变量，可以使用flutter_dotenv包加载.env文件，步骤如下：

1. 添加依赖 #

在pubspec.yaml中添加：

dependencies:
  flutter_dotenv: ^5.1.0

2. 创建.env文件 #

在项目根目录创建.env文件，写入变量：

SOME_VAR=VAL1,VAL2,VAL3
OBJECT_VAL={"VAR1": "VAL1", "VAR2": "VAL2", "VAR3": "VAL3"}

3. 初始化并使用 #

在main.dart中加载.env文件：

import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'dart:convert';

void main() async {
  await dotenv.load(fileName: ".env");
  runApp(const MyApp());
}

解析数组：

final String someVarRaw = dotenv.env['SOME_VAR']!;
final List<String> someVar = someVarRaw.split(',');
print(someVar);

解析对象：

final String objectValRaw = dotenv.env['OBJECT_VAL']!;
final Map<String, dynamic> objectVal = jsonDecode(objectValRaw);
print(objectVal);

4. 敏感信息保护 #

将.env文件加入.gitignore，避免提交到版本控制：

.env
.env.*

三、针对Firebase配置的特殊处理 #

如果要将Firebase的project_info、client_info等敏感配置通过环境变量管理，可以将完整的Firebase配置JSON作为环境变量传入，然后手动初始化Firebase：

flutter run --dart-define=FIREBASE_CONFIG='{"project_info": {...}, "client_info": {...}}'

代码中初始化：

import 'package:firebase_core/firebase_core.dart';
import 'dart:convert';

void main() async {
  const String firebaseConfigRaw = String.fromEnvironment('FIREBASE_CONFIG');
  final FirebaseOptions options = FirebaseOptions.fromJson(jsonDecode(firebaseConfigRaw));
  await Firebase.initializeApp(options: options);
  runApp(const MyApp());
}

内容的提问来源于stack exchange，提问作者im-victor-mendez