时间戳

首页 > 解决方案 > 开发和生产的 Firebase 配置文件

javascript - 开发和生产的 Firebase 配置文件

问题描述

快速提问。

我有一个 vue js 应用程序。

它托管在firebase上。

使用时

firebase use default
firebase deploy
or
firebase use prod
firebase deploy

鉴于：

firebaseConfig.js

import firebase from 'firebase'
import 'firebase/firestore'

// firebase init goes here
const config = {
    apiKey: "<apikey ...>",
    authDomain: "< ... >",
    databaseURL: "< ... >",
    projectId: "< ... >",
    storageBucket: "< ... >",
    messagingSenderId: "< ... >",
    appId: "< ... >"
}
firebase.initializeApp(config)

// firebase utils
const db = firebase.firestore()
const auth = firebase.auth()
const database = firebase.database()
const currentUser = auth.currentUser

const settings = {
}
db.settings(settings) ....
.....

使用“firebase use prod && firebase deploy”命令时，如何在我的项目中设置 firebaseConfig.js 文件以使用 prod 特定设置？

例子：

firebaseConfig.js

// firebase init goes here
const defaultConfig = {
    apiKey: "<dev-apikey >",
    authDomain: "<devAuth >",
    databaseURL: "<devUrl>",
    projectId: "<devId >",
    storageBucket: "< dev-storageBucket >",
    messagingSenderId: "< devSenderId >",
    appId: "< dev-appId >"
}

const prodConfig = {
    apiKey: "<prod-apiKey>",
    authDomain: "< prodAuth >",
    databaseURL: "< prodUrl >",
    projectId: "< prodId >",
    storageBucket: "< prod-storageBucket >",
    messagingSenderId: "< prodSenderId >",
    appId: "< prod-appId >"
}
firebase.initializeApp(defaultConfig, prodConfig) ???
........
........
........

如果您需要更清晰的信息，请告诉我。

与此同时，我将继续寻找答案：D

标签： javascriptfirebasevue.jsgoogle-cloud-platformcloud

解决方案

弄清楚了！！！

另一个帖子涵盖了它。当然，如果您使用的是 vue cli 3，但其他情况下有 vue 2 的选项。

链接到对我有帮助的答案：stackoverflow

然后是一个很棒的博客，它帮助我解决了我遇到的任何问题以及如何构建我的 .env 文件：aligator.io

还有用于设置开发模式/环境变量的官方 vue 文档：Vue Docs

希望这对某人有帮助！！！！

推荐阅读