10. firebaseディレクトリ

React

config.js

export const firebaseConfig = {
    apiKey: "AAAAAAAAAAAAAA",
    authDomain:"BBBBBBB.firebaseapp.com",
    databaseURL: "https://ccccc.com",
    projectId: "dddddddddd",
    storageBucket: "ddddddddd.appspot.com",
    messagingSenderId: "eeeeeeee",
    appId: "ffffffffff",
    measurementId: "gggggggggg"   
};

index.jsx

import firebase from "firebase/app"  <--- 基本のfirebase
import "firebase/auth";              <--- Authentication機能
import "firebase/firestore";         <--- Database機能
import "firebase/functions";         <--- その他機能
import "firebase/storage";           <--- Storage機能
import {firebaseConfig} from "./config";   <--- config.jsの内容を読み込む

firebase.initializeApp(firebaseConfig);

// 長い名前だと面倒なので短くしとく (※他のファイルのauthはfirebase.auth()のこと)
export const auth = firebase.auth();
export const db = firebase.firestore();
export const functions = firebase.functions();
export const storage = firebase.storage();
export const fb = firebase;
export const FirebaseFieldValue = firebase.firestore.FieldValue
export const FirebaseTimestamp = firebase.firestore.Timestamp;
BACK