如何通过AngularFire2访问同一Firebase项目下的多个实时数据库？

嘿，这个问题我刚好处理过！用AngularFire2访问同一Firebase项目下的多个实时数据库实例，思路和原生Firebase的做法一致，只是需要结合Angular的依赖注入机制来创建对应的数据库实例。下面是具体的实现步骤：

1. 先确保基础配置到位 #

首先你得在项目里初始化好默认的Firebase应用，确保app.module.ts里已经导入了必要的模块：

import { AngularFireModule } from '@angular/fire/compat';
import { AngularFireDatabaseModule } from '@angular/fire/compat/database';
import { environment } from '../environments/environment';

@NgModule({
  imports: [
    // 初始化默认Firebase应用
    AngularFireModule.initializeApp(environment.firebaseConfig),
    AngularFireDatabaseModule
  ]
})
export class AppModule { }

2. 在组件/服务中创建次级数据库实例 #

你可以通过注入AngularFireApp来获取原生Firebase应用实例，然后基于次级数据库的URL创建对应的AngularFireDatabase实例：

import { Component } from '@angular/core';
import { AngularFireApp } from '@angular/fire/compat';
import { AngularFireDatabase } from '@angular/fire/compat/database';

@Component({
  selector: 'app-multi-db',
  template: `<!-- 你的模板内容 -->`
})
export class MultiDbComponent {
  // 默认数据库实例
  private defaultDb: AngularFireDatabase;
  // 次级数据库实例（同一项目下的另一个数据库）
  private secondaryDb: AngularFireDatabase;

  constructor(private afApp: AngularFireApp) {
    // 初始化默认数据库
    this.defaultDb = new AngularFireDatabase(this.afApp.database());
    
    // 初始化次级数据库，替换成你实际的次级数据库URL
    const secondaryFirebaseDb = this.afApp.database('https://testapp-1234-second.firebaseio.com');
    this.secondaryDb = new AngularFireDatabase(secondaryFirebaseDb);
  }

  // 示例：从两个数据库获取数据
  loadDataFromBothDbs() {
    // 从默认数据库读取数据
    this.defaultDb.object('/default-path').valueChanges().subscribe(data => {
      console.log('默认数据库数据:', data);
    });

    // 从次级数据库读取数据
    this.secondaryDb.object('/secondary-path').valueChanges().subscribe(data => {
      console.log('次级数据库数据:', data);
    });
  }
}

3. 进阶：把次级数据库作为全局服务提供 #

如果你的多个组件都需要用到这个次级数据库，推荐把它封装成一个可注入的服务，避免重复创建实例：
首先在app.module.ts里添加一个工厂函数来提供次级数据库：

import { AngularFireDatabase } from '@angular/fire/compat/database';
import { AngularFireApp } from '@angular/fire/compat';

// 工厂函数：创建次级数据库实例
export function provideSecondaryDatabase(afApp: AngularFireApp) {
  const secondaryDbInstance = afApp.database('https://testapp-1234-second.firebaseio.com');
  return new AngularFireDatabase(secondaryDbInstance);
}

@NgModule({
  providers: [
    {
      provide: 'SecondaryDatabase', // 用令牌标识这个服务
      useFactory: provideSecondaryDatabase,
      deps: [AngularFireApp] // 依赖AngularFireApp
    }
  ]
})
export class AppModule { }

然后在组件中通过令牌注入这个服务：

import { Component, Inject } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/compat/database';

@Component({
  selector: 'app-multi-db',
  template: `<!-- 你的模板内容 -->`
})
export class MultiDbComponent {
  constructor(
    private defaultDb: AngularFireDatabase, // 默认数据库
    @Inject('SecondaryDatabase') private secondaryDb: AngularFireDatabase // 次级数据库
  ) {
    // 直接使用两个数据库实例即可
  }
}

注意事项 #

• 确保你在Firebase控制台已经为当前项目创建了第二个实时数据库实例，并且数据库URL正确。
• 检查次级数据库的安全规则，确保你的应用有对应的读写权限。

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