firebase에서 auth 사용시 생기는 문제점

현재 아래와 같이 dotenv-webpack을 사용하여 api 키값들을 보호한다.

const firebaseConfig = {
  apiKey: process.env.FIREBASE_API_KEY,
  authDomain: process.env.FIREBASE_AUTH_DOMAIN,
  databaseURL: process.env.FIREBASE_DATA_BASEURL,
  projectId: process.env.FIREBASE_PROJECT_ID,
  storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.FIREBASE_APP_ID,
  measurementId: process.env.FIREBASE_MEASUREMENT_ID,
};

근데 firebase/firestore만 사용할 때는 테스트를 실행할 때 문제가 되지 않았지만, firebase/auth까지 같이 사용하는 지금은 인식을 못해서 잘못된 api 키라고 나온다.

"code": "auth/invalid-api-key",
"message": "Your API key is invalid, please check you have copied it correctly.",

테스트를 할 때 만 문제가 발생한다. 그래서 로컬에서는 dotenv 사용하지 않고 문자열 자체로 실행하니 문제가 발생하지 않았다.

const firebaseConfig = {
  apiKey: 'apikey',
  authDomain: 'authDomain',
  databaseURL: 'databaseURL',
  // 생략..
};

CodeSoom / ConStu

firebase에서 auth 사용시 생기는 문제점 #39