时间戳

首页 > 解决方案 > 如何在 Angular 应用程序中使用两个 Firebase 数据库

angular - 如何在 Angular 应用程序中使用两个 Firebase 数据库

问题描述

我有一个像这样的环境变量

 export const environment = {   
production: false,
   firebaseConfig: {
        apiKey: '',
        authDomain: '',
        databaseURL: '',
        projectId: '',
        storageBucket: '',
        messagingSenderId: '',
        appId: '1:1702713223'   }, 
  firebase: {
        apiKey: '',
        authDomain: '',
        databaseURL: '',
        projectId: '',
        storageBucket: '',
        messagingSenderId: '',
        appId: '1:37840'   } };

我需要在一个组件中使用 environment.firebaseconfig，在另一个组件中使用 environment.firebase。

我正在使用 angularfire 进行 firebase 连接，我尝试在模块级别导入以进行初始化，但默认情况下只设置了一个环境变量。

任何解决方案将不胜感激

标签： angularfirebasefirebase-realtime-databaseangularfire2

解决方案

请查看此解决方案

// ... do all required imports
import {
    firebaseConfigA, firebaseAppNameA,
    firebaseConfigB, firebaseAppNameB
} from "@app/env";
import { FirebaseService } from "../../services/firebase.service";

@Component({
    selector       : "page-home",
    templateUrl    : "home.html"
})
export class ScannerDemoPage implements OnInit {
    constructor(private _firebaseService: FirebaseService) { }

    ngOnInit() {
        // Initialize 1st application
        this._firebaseService.initFirebaseApp(firebaseConfigA, firebaseAppNameA);
        let myList = this._firebaseService.getList("/path1");

        // Initialize 2nd application
        this._firebaseService.initFirebaseApp(firebaseConfigB, firebaseAppNameB);
        let myObj = this._firebaseService.getObject("/path2");
    }
}

推荐阅读