git 환경변수

API 키값이나  공개적으로 노출되서는 안되는 것들은 

환경변수에 담아 처리할 수 있다. 

Node.js 에서는 보통  process.env  를 통해서 환경변수에 접근한다. 

Node.js.에서는 기본적으로 내장된 전역객체여서 별도로 임포트 할 필요없이 프로그램 어디에서든지 사용이 가능하다. 

 

 

 

 

1. 환경 변수 파일 제작 

2. 환경 변수 파일에 값을 채워 넣는다. 

//.env

REACT_APP_FIREBASE_API_KEY = TESTABCD1234
REACT_APP_FIREBASE_AUTH_DOMAIN = TESTpikaeapp.com
REACT_APP_FIREBASE_PROJECT_ID = TESTpika2
REACT_APP_FIREBASE_STORAGE_BUCKET = TESTpika.com
REACT_APP_FIREBASE_MESSAGE_SENDER_ID = TEST14238
REACT_APP_FIREBASE_APP_ID = 1:142318533838:TEST
REACT_APP_API_KEY = GZrWXIC2MesQBDxWNWBAMTEST

3. git ignore에  추가

4. 원하는 곳에서   process.env. 변수 를 써 넣어준다. 

//firebase.ts

const firebaseConfig = {
  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
  authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
  projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGE_SENDER_ID,
  appId: process.env.REACT_APP_FIREBASE_APP_ID
};

 

끝