TIL 02.28 - 최종 프로젝트 4주차

.env 설정

 

파일 :

.env

# amplitude
REACT_APP_API_KEY=2eb40f7cdcfb1bc9a9258300ca9ad5e7

# map api
REACT_APP_KAKAOMAP_APP_KEY=8631eb1ce19123aae588635af8c9f953

# firebase
REACT_APP_FIREBASE_API_KEY=yourapikey
REACT_APP_FIREBASE_AUTH_DOMAIN=yourauthdomian
REACT_APP_FIREBASE_DATABASE_URL=your~~
REACT_APP_FIREBASE_PROJECT_ID=your~~
REACT_APP_FIREBASE_STORAGE_BUCKET=your~~
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your~~
REACT_APP_FIREBASE_APP_ID=your~~

***********

=>  뒤에 ; 붙히면 에러난다.

 

파일 : 

firebase.js

import { initializeApp } from 'firebase/app';
import { getAuth } from 'firebase/auth';
import { getFirestore } from 'firebase/firestore';
import { getStorage } from 'firebase/storage';
import 'firebase/database';

const firebaseConfig = {
  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
  authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
  databaseURL: process.env.REACT_APP_FIREBASE_DATABASE_URL,
  projectId: 'mo-co-92f26',
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.REACT_APP_FIREBASE_APP_ID,
};

export const app = initializeApp(firebaseConfig);
export const authService = getAuth(app);
export const db = getFirestore(app);
export const storage = getStorage(app);

 

 

https://developerntraveler.tistory.com/142

[React] React에서 .env 환경변수 사용하기