Vue-Firebase：如何从同一个应用程序连接到 2 个 Firebase

Question

我在同一个项目中有两个 Firebase，我需要连接到它们。

有两个 javascript 文件连接到每个 firebase，这似乎没问题。

我两个都导入了

  import db from '../FireBase'
  import mdb from '../MissionFireBase'

  let MissionRef = mdb.ref('mission');
  let TeamRef = db.ref('Teams');
  let StartRef = db.ref('start');

db 是一个 firebase 和另一个 mdb 的导出。它们中的每一个本身都可以工作，但是当我尝试同时使用它们时，我得到一个错误

index.cjs.js?3b8b:360 Uncaught FirebaseError {code: "app/duplicate-app", message: "Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app).", name: "[DEFAULT]", stack: "[DEFAULT]: Firebase: Firebase App named '[DEFAULT]…0)↵    at fn (http://localhost:8080/app.js:89:20)"}

在我看来，firebase 似乎在某个地方获得了默认 ID，并且在尝试使用它们时两者都发生冲突。我尝试从不同的 vue 组件调用每个组件，但得到相同的结果。

firebase 连接是这样建立的

import Firebases from 'firebase'

let config = {

  apiKey: "--",
  authDomain: "--",
  databaseURL: "--",
  projectId: "--",
  storageBucket: "--",
  messagingSenderId: "--"

};

let apps= Firebases.initializeApp(config);
let mdb = apps.database();

export default mdb

这可能吗？我可以使用两个不同的 firebase 调用还是需要将它们合并在一起？

谢谢

Answer 1

这绝对是可能的。您需要为每个实例创建单独的 FirebaseApp 实例，然后从中获取您的数据库。

var secondaryAppConfig = {
    apiKey: "<API_KEY>",
    authDomain: "<PROJECT_ID>.firebaseapp.com",
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
    storageBucket: "<BUCKET>.appspot.com",
};
// Initialize another app with a different config
var secondary = firebase.initializeApp(secondaryAppConfig, "secondary");

// Retrieve the database.
var secondaryDatabase = secondary.database();

有关这方面的更多信息，请查看 Firebase 文档中的 using multiple projects in your application 部分。