如何在Flutter项目中正确切换Firebase项目以构建Web应用？

方法一：环境变量+多配置文件分离 #

• 在项目根目录创建两个独立的Firebase配置文件，比如firebase_options_dev.dart和firebase_options_prod.dart，分别填入两个项目从Firebase控制台下载的配置内容。
• 修改main.dart，通过环境变量判断加载对应的配置：

  import 'firebase_options_dev.dart' as dev_options;
  import 'firebase_options_prod.dart' as prod_options;
  
  void main() async {
    WidgetsFlutterBinding.ensureInitialized();
    // 读取环境变量，默认用开发环境
    const env = String.fromEnvironment('FIREBASE_ENV', defaultValue: 'dev');
    FirebaseOptions options = env == 'prod' 
        ? prod_options.DefaultFirebaseOptions.currentPlatform 
        : dev_options.DefaultFirebaseOptions.currentPlatform;
    
    await Firebase.initializeApp(options: options);
    runApp(const MyApp());
  }
  

• 切换项目时，先通过firebase use <项目ID>切换CLI目标，再用带环境变量的命令运行/构建：
  • 开发环境：flutter run --dart-define=FIREBASE_ENV=dev
  • 生产环境：flutter run --dart-define=FIREBASE_ENV=prod

方法二：用FlutterFire CLI自动同步配置（推荐） #

• 确保安装最新版flutterfire_cli，未安装则执行：dart pub global activate flutterfire_cli
• 先通过firebase use <目标项目ID>切换CLI的当前项目，再执行flutterfire configure --project=<目标项目ID>，该命令会自动生成对应项目的firebase_options.dart文件。
• main.dart里直接使用自动生成的配置即可：

  import 'firebase_options.dart';
  
  void main() async {
    WidgetsFlutterBinding.ensureInitialized();
    await Firebase.initializeApp(
      options: DefaultFirebaseOptions.currentPlatform,
    );
    runApp(const MyApp());
  }
  

• 为了简化操作，可在pubspec.yaml中添加脚本：

  scripts:
    setup-dev: firebase use dev-project-id && flutterfire configure --project=dev-project-id
    setup-prod: firebase use prod-project-id && flutterfire configure --project=prod-project-id
  

  后续切换项目只需运行dart run setup-dev或dart run setup-prod，就能一键完成CLI切换+配置文件更新。

注意事项 #

• 不要手动修改flutterfire configure生成的firebase_options.dart，所有配置更新都通过命令完成，避免人为错误。
• 若使用CI/CD构建，需在流程中先执行firebase use切换目标，再运行flutterfire configure同步配置，确保构建环境与目标项目匹配。

内容的提问来源于stack exchange，提问作者bf8