aws amplify 배포

노성호·2021년 11월 16일
0

리액트 정적 웹사이트 배포

회사 홈페이지 배포를 aws amplify로 하기로 했다. 정적 웹사이트라 백엔드도 필요없고, 쉽게 배포할수 있는 방법을 찾아보니 aws amplify, 파이어베이스 등이 있었는데 어차피 aws를 계속 사용해야 해서 aws amplify로 결정했다.

amplify 배포에는 두 가지 방법이 있다. aws console을 이용한 배포와 amplify cli를 이용한 방법. 그중 aws console을 이용한 방법이 더 간편해서 aws console을 이용해 배포하기로 했다.

배포 프로세스

1. amplify 웹앱 만들기


amplify console에 들어가 Host web app으로 앱을 생성한다.

2. 깃허브 연동


깃허브를 선택하고 다음 단계로 넘어간다.

3. 리포지토리 브랜치 추가


깃허브 연동이 되고나면 깃허브 계정에 등록된 레포지토리를 선택할 수 있다. 레포지토리를 선택하고 브랜치를 선택하자.

4. 빌드 설정 구성


자동으로 빌드 설정을 해준다. 왠만하면 바꾸지 않아도 잘 된다. 그리고 Allow AWS Amplify to automatically deloy all files hosted in your project root directory를 체크해준다.

Advanced settings를 열어보면 빌드 이미지와 환경변수를 설정해줄 수 있다. 필요하면 설정해주자.

5. 검토


검토한다.

6. 배포


검토 후 배포 단계로 넘어가면 프로비저닝 -> 빌드 -> 배포 -> 확인 순서로 배포가 진행된다. 빌드 설정, 프로젝트 등에서 문제가 있을 경우 빌드 단계에서 실패하는 경우가 있다. 그럴땐 실패 로그를 보고 수정해주자.
빌드가 성공하면 위 그림처럼 배포된 웹앱의 url이 생성된다. 해당 url로 이동하면 배포한 사이트가 나타난다.
브랜치 연결을 이용해 main외에 다른 브랜치도 배포할 수 있다. 프로덕션 배포와 개발 배포를 분리하면 좋을듯 하다.

0개의 댓글