[ AWS ] - Apprunner 사용하여 배포하기

배포할 repository 주소 https://github.com/miheeOh/react_new 

aws 계정은 존재한다고 가정

 

1. app runner를 검색합니다.

2.App Runner 서비스 생성을 클릭합니다.

3. 기존에 연결된 git 저장소가 없는 경우, 새로 추가를 클릭하고 github 계정을 연결합니다.

리포지토리 칸은 배포하려는 리포지토리를 선택합니다.

브랜치 칸은 배포하려는 브랜치를 선택합니다. 앞으로 main 브랜치에 변경된 내용을 push하게 되면 배포된 사이트에 main 브랜치의 변경된 내용이 반영됩니다.

배포 설정의 경우 위에서 설정한 브랜치에 push되면 자동으로 배포되도록 자동을 선택합니다.

모든 설정이 완료된 경우 다음을 클릭합니다.

4. 빌드 구성 부분에서 리포지토리에 배포와 관련하여 여기에서 모든 설정 구성을 선택하빈다.

apprunner.yaml 파일이 존재하는 경우에는 구성파일사용을 선택합니다.

런타임의 경우 배포하려는 서비스의 런타임 환경과 버전을 선택합니다.

5. 빌드명령어를 입력합니다.

런타임 node.js의 경우 npm install && npm run build 를 사용하여 빌드합니다.

// 타입스크립트를 사용하여 서버를 구축한 경우에는 npm install typescript를 추가하여 줍니다.

실행 부분에는 npm run start를 입력합니다.

// react의 경우 빌드된 것을 실행하려면 npm install -g serve 와 실행 명령 npx serve -s build을 통해 실행합니다. 

// 즉 리엑트의 경우 아래와 같이 설정합니다.

// 참고로 package.json에는 이와 같이 설정되어 있습니다.

포트는 서버에서 본인이 설정해둔 port 번호로 설정합니다. 

6. 서비스 이름에는 배포된 프로젝트를 관리하기 위해 서비스 이름을 설정하여 줍니다.

나머지 부분은 기본값으로 설정해둡니다.

모든 작업 후 다음을 클릭합니다.

7. 최종적으로 세팅된 내용을 확인 후 생성 및 배포를 클릭합니다.

8. 배포가 진행되면 다음과 같은 화면이 나옵니다.

9. 배포가 완료되었습니다.

 

---

Error

배포 실패하는 경우 cloud watch 에 아래와 같은 에러가 확인되는 경우

npm ERR! notsup Unsupported engine for serve@14.0.1: wanted: {"node":">= 14"} 이는 node 버전이 맞지 않아 발생한 문제이다. 때문에 이런 경우에는 런타임 환경을 node 14로 설정하여 배포해주면 된다.