Файл конфигурации Firebase для разработчиков и разработчиков - PullRequest
Новая
       21

Файл конфигурации Firebase для разработчиков и разработчиков

0 голосов
/ 30 октября 2019

Быстрый вопрос.

У меня есть приложение vue js.

Оно размещено на firebase.

При использовании 

firebase use default
firebase deploy
or
firebase use prod
firebase deploy
  • Я уже настроил псевдоним prod, чтобы он указывал на мою среду prod.

Учитывая:

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) ....
.....

Как настроить firebaseConfigФайл .js в моем проекте для использования определенных настроек prod при использовании команд 'firebase use prod && firebase deploy'?

Пример:

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

1 Ответ

0 голосов
/ 31 октября 2019

Понял это !!!

Еще один пост освещал это. Конечно, это если вы используете vue cli 3, но есть и другие варианты для vue 2.

Ссылка на ответ, который мне помог: stackoverflow

И затемотличный блог, который помог мне устранить любые проблемы, которые у меня были, и как структурировать мои .env файлы: aligator.io

Также официальная документация vue для настройки режимов разработки / переменных среды: Vue Docs

Надеюсь, это кому-нибудь поможет !!!!

...