AWS Amplify에서 환경변수 env 세팅하기

 

토이 프로젝트를 만드는데 깃허브 레포지토리를 AWS Amplify 를 사용해서 배포 중이었다.

그러다 SDK의 키를 사용해야 하는 일이 생겼다. .env 파일에 키를 넣고 로컬호스트에서 작업했다.

깃허브에 푸시 하기 전에 생각해보니...

.gitignore 에 .env 를 설정했었고, 그런 종류의 키 (API키라던가, SDK를 사용할 때 쓰는키라던가) 를 깃허브에 올리면 안 되지. 

 

Amplify에서 환경변수 세팅은 어떻게 하지 ? 

찾아보니 Amplify가 깃허브와 연동해서 배포가 쉬웠던 것 처럼 환경변수 세팅도 쉬웠다. 

 

 

1. Amplify 앱 설정 > 환경 변수 탭에 들어가서 환경 변수를 생성한다. 

( 변수 이름은 기존 process.env.~ 로 쓰던 것으로, 필자는 리액트라 REACT_APP으로 시작한다 )

 

 

2. Amplify 앱 설정 > 빌드 설정 탭에 들어가서 yml 파일을 수정한다.   

 

 

빌드 할 때 env를 생성해주도록 빌드 파일을 파란 박스처럼 수정한다. 

아래 커맨드는 필요한 환경변수들을 .env 파일에 저장해준다. ( .env가 없다면 파일을 생성하고 파일에 환경변수를 저장한다. )

 - echo "YOUR_ENV_KEY_NAME=$YOUR_ENV_KEY_NAME" >> .env

 

 

그리고 Amplify에 연결해 둔 깃허브 브랜치에 푸시 하면 끝! 빌드, 배포 잘 된 걸 확인할 수 있다.