리액트

리액트 앱 AWS Amplify 로 배포하기(feat. API 환경변수 설정)

always_yoki 2023. 7. 20. 22:16

간단한 토이프로젝트를 배포하려한다.

이번엔 Netlify 대신 AWS Amplify! 구글의 Firebase와 비슷하다.

작성된 코드를 깃헙 레포지토리에 올리는것 부터 시작한다.

 

1. AWS에 가입하고, Amplify를 찾아들어간다. 

그리고 이미 만들어진 코드로 배포만 할것이니까, 웹앱 호스팅 시작하기 클릭.

 

 

2. GitHub 레포지토리 연결

3. 브랜치 연결

깃헙 로그인+연결 해주면 레포지토리를 연결할 수 있다.

배포할 브랜치를 선택하고 다음으로 누르면  빌드설정을 할 수있고, 배포 할 수 있다.

4. API 키 환경변수 설정해주기

 

환경변수에 들어가서 API ID와 값을 넣어주면 간단하게 작동한다.