목차
- 파이어베이스 인증
파이어베이스 인증
앱에서 firebase를 초기화하고 firebase 앱 객체를 만든다
import {initializeApp} from 'firebase/app';
const firebaseConfig={
};
const app = initializeApp(firebaseConfig);
- 호출 방식의 변화
- firebase 대신 initializeApp import
- firebase/compat/* 대신 firebase/*
- firebase.* 로 호출하는 것에서 모듈을 import하여 호출하는 방식으로 변경되었다.(참고)
설정 예시
import {initializeApp} from "firebase/app";
import {getAnalytics} from "firebase/analytics";
import {getAuth} from "firebase/auth";
import { getStorage } from "firebase/storage";
import { getFirestore } from "firebase/firestore";
const firebaseConfig = {
apiKey: process.env.REACT_APP_API_KEY,
authDomain: process.env.REACT_APP_AUTH_DOMAIN,
projectId: process.env.REACT_APP_PROJECT_ID,
storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
appId: process.env.REACT_APP_APP_ID,
measurementId: process.env.REACT_APP_MEASUREMENT_ID
};
const app=initializeApp(firebaseConfig);
const analytics=getAnalytics(app);
export const authService = getAuth();
export const dbService = getFirestore();
export const storageService = getStorage();