时间戳

首页 > 解决方案 > 如何使用特定于环境的 firebase 配置来初始化 firebase 应用程序？

javascript - 如何使用特定于环境的 firebase 配置来初始化 firebase 应用程序？

问题描述

我有一个带有两个 firebase 配置的 react 应用程序，一个用于暂存环境，一个用于 prod 环境。

const firebaseConfig = {
    apiKey: "xxxxxxxxxxxxxxxxxxxxxxxx",
    authDomain: "xxxxxxxxxxxxxxxxxxxxxxxx",
    databaseURL: "xxxxxxxxxxxxxxxxxxxxxxxx",
    projectId: "xxxxxxxxxxxxxxxxxxxxxxxx",
    storageBucket: "xxxxxxxxxxxxxxxxxxxxxxxx",
    messagingSenderId: "xxxxxxxxxxxxxxxxxxxxxxxx",
    appId: "xxxxxxxxxxxxxxxxxxxxxxxx",
    measurementId: "xxxxxxxxxxxxxxxxxxxxxxxx"
};

const prodFirebaseConfig = {
    apiKey: "-----------------------------",
    authDomain: "-----------------------------",
    databaseURL: "-----------------------------",
    projectId: "-----------------------------",
    storageBucket: "-----------------------------",
    messagingSenderId: "-----------------------------",
    appId: "-----------------------------",
    measurementId: "-----------------------------"
  }

现在，我想要一些东西，比如当我将我的应用程序部署到生产环境时，我应该使用生产配置初始化我的应用程序，否则使用暂存配置。

// Something like this
    if(env === 'prod') {
    const myFirebase = firebase.initializeApp(prodFirebaseConfig );
    } else {
    const myFirebase = firebase.initializeApp(firebaseConfig);
    }

就像在暂存环境中运行的应用程序应该使用 staging firebase，而在生产环境中运行的应用程序应该使用 prod firebase。我正在使用 webpack 构建文件。

我是firebase的新手，任何有关管理此和多个部署的最佳方法的帮助将不胜感激。

谢谢

标签： javascriptreactjsfirebase

解决方案

推荐阅读