React .envファイル環境変数設定

① 最新のFirebaseのコンソールでは、databaseURLが自動生成されないので代わりに下記のdatabseURLを使用。

REACT_APP_FIREBASE_APIKEY="APIKEY"
REACT_APP_FIREBASE_DOMAIN="DOMAIN"
REACT_APP_FIREBASE_DATABASE="https://PROJECT_ID.firebaseio.com"
REACT_APP_FIREBASE_PROJECT_ID="PROJECT_ID"
REACT_APP_FIREBASE_STORAGE_BUCKET="STORAGE_BUCKET"
REACT_APP_FIREBASE_SENDER_ID="SENDER_ID"
REACT_APP_FIREBASE_APP_ID="APP_ID" 

②.envファイルで定義した環境変数を割り当てる

const firebaseConfig = {
  apiKey: process.env.REACT_APP_FIREBASE_APIKEY,
  authDomain: process.env.REACT_APP_FIREBASE_DOMAIN,
  databaseURL: process.env.REACT_APP_FIREBASE_DATABASE,
  projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  mffessagingSenderId: process.env.REACT_APP_FIREBASE_SENDER_ID,
  appId: process.env.REACT_APP_FIREBASE_APP_ID,
};

firebase.initializeApp(firebaseConfig);