单个Angular项目如何配置多个Firebase Realtime Database实例

你之前写的多次无参调用initializeApp、直接用@Inject('Firebase1')字符串token注入的写法，是AngularFire 7以前旧版本的语法，在v7及以上的新版本（包括支持Standalone组件的最新迭代版本）中无法正常运行，以下是可直接落地的实现步骤：

第一步：环境配置校验 #

先确认environment.ts中的双项目配置结构完整，示例：

export const environment = {
  production: false,
  firebase: {
    Firebase1: {
      apiKey: "第一个项目apiKey",
      authDomain: "xxx.firebaseapp.com",
      projectId: "第一个项目ID",
      storageBucket: "xxx.appspot.com",
      messagingSenderId: "xxx",
      appId: "xxx"
    },
    Firebase2: {
      apiKey: "第二个项目apiKey",
      authDomain: "yyy.firebaseapp.com",
      projectId: "第二个项目ID",
      storageBucket: "yyy.appspot.com",
      messagingSenderId: "yyy",
      appId: "yyy"
    }
  }
};

第二步：根配置初始化 #

初始化时第一个项目作为默认实例不需要传名称，第二个及后续项目必须显式传入自定义实例名，分两种工程模式配置：

NgModule模式（AppModule） #

在根模块的imports数组中按如下方式配置：

imports: [
  // 其他业务模块
  AngularFireModule.initializeApp(environment.firebase.Firebase1), // 默认实例，对应Firebase1
  AngularFireModule.initializeApp(environment.firebase.Firebase2, 'Firebase2'), // 命名实例，对应Firebase2
  // 需要用到的Firebase功能模块正常引入即可，比如AngularFireDatabaseModule、AngularFireAuthModule、AngularFireStorageModule等
]

Standalone模式（main.ts/bootstrapApplication配置） #

如果是最新的Standalone工程，在appConfig的providers数组中初始化：

export const appConfig: ApplicationConfig = {
  providers: [
    provideFirebaseApp(() => initializeApp(environment.firebase.Firebase1)),
    provideFirebaseApp(() => initializeApp(environment.firebase.Firebase2, 'Firebase2')),
    // 对应功能provider正常添加即可，比如provideDatabase(() => getDatabase())、provideAuth(() => getAuth())等
  ]
}

第三步：组件/服务中获取实例使用 #

新版本已经移除了旧版的字符串注入token，不能直接用@Inject('实例名')的方式获取实例，需要先通过getApp方法拿到对应Firebase应用对象，再传入对应功能的工厂方法拿到可用的功能实例，以Realtime Database为例：

import { Component } from '@angular/core';
import { getApp, FirebaseApp } from '@angular/fire/app';
import { getDatabase, Database } from '@angular/fire/database';

@Component({
  selector: 'app-demo',
  standalone: true,
  template: ''
})
export class DemoComponent {
  private db1: Database;
  private db2: Database;

  constructor() {
    // 不传参调用getApp拿到默认实例（Firebase1）的数据库对象
    const defaultApp: FirebaseApp = getApp();
    this.db1 = getDatabase(defaultApp);
    // 传入实例名拿到Firebase2的数据库对象
    const secondApp: FirebaseApp = getApp('Firebase2');
    this.db2 = getDatabase(secondApp);
  }

  testOperation() {
    // 直接调用实例方法即可操作对应项目的资源
    // 例：this.db1.ref('path') 操作第一个项目的数据库节点
    // 例：this.db2.ref('path') 操作第二个项目的数据库节点
  }
}

如果需要使用Auth、Firestore、Storage等其他Firebase服务，逻辑完全一致：先通过getApp(实例名)拿到对应项目的应用实例，再传给getAuth/getFirestore/getStorage等对应功能的工厂方法，就能拿到对应项目的服务实例。

灵活切换使用注意点 #

• 动态切换不需要提前固定注入实例，可以封装公共工具方法，接收当前选中的项目标识作为入参，动态返回对应项目的功能实例，切换时直接调用方法获取新实例即可。
• 初始化逻辑只需要在根配置处执行一次，不要重复初始化同名Firebase实例，否则会触发控制台重复初始化报错。
• 不同实例的功能配置完全独立，比如给Firebase2的Firestore开启离线持久化、调整存储桶缓存规则，不会对Firebase1的实例产生任何影响。

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