본문 바로가기

리액트 - 클론코딩

트위터 클론코딩 - 파이어베이스의 비밀키 숨기기

파이어베이스 비밀키 숨기는 방법

1) .env 파일을 만들고 .env 파일에 비밀키 변수를 등록한다

2) 비밀키가 필요한 다른 파일에서 비밀키 변수를 불러 참조하게 만든다

 

액션1

CRA로 만든 리액트 프로젝트에는 환경변수를 등록 할 수 있는 기능이 내장

.env 파일(. 포함) 생성한뒤 , 앞에 REACT_APP_ 으로 시작하는 변수명을 지정해준다.

 

액션2

깃허브에 코드를 올릴 때 .env 파일을 제외시키기 위해 gitignore 파일에 .env를 추가해준다.

 

 

액션3

firbase.js 파일을 열어 키 값을 process.env.REACT_APP_~~ 으로 수정한다