프론트엔드가 포함된 백엔드 프로젝트 수동 배포하기

AWS EC2 nginx에 프론트엔드 정적 배포

지난번에는 프론트엔드 파일만 있는 프로젝트를 nginx에 document root에 올려 

간단히 배포하는 방법을 알아봤다.

이번에는 프론트엔드 소스가 포함되어 있는 백엔드 페이지를 수동으로 AWS EC2에 배포하고

서비스가 정상적으로 되는지 확인해 보자.

 

jar 파일 생성

우선 수동배포를 위해 프로젝트의 jar 파일을 만들어야 한다.

Maven을 사용한다면 intelliJ 우측 메뉴바에서 Lifecycle - package를 클릭하면 된다.

 

jar 파일 위치

빌드가 완료되면 target폴더에 jar파일이 생성되는 것을 볼 수 있다.

이후 깃허브 repo에 해당 jar파일을 업로드해준다.

 

EC2에서 wget명령어를 이용해 깃허브 repo에 있는 jar파일을 다운받아준다.

 

이후 EC2에서 jar 파일을 실행시키기 위해 java -jar 파일명.jar  명령어를 입력했지만 

java가 설치되어있지 않아 실행시킬 수 없었다.

 

실행시키고자 하는 프로젝트가 17 버전이므로 그에 맞게 jdk17을 설치해 줬다.

 

이후 java -jar ~ 명령어를 통해 jar파일을 실행시킨다.

현재 8080 포트를 사용하고 있기 때문에 외부 브라우저에서 8080 포트로 접속해 본다.

 

접속이 되지 않는다. 지난번 프론트엔드 프로젝트를 nginx의 정적영역에 올려 배포할 때와 마찬가지로

현재 방화벽에 막혀 외부에서 접속할 수 없는 것이다.

 

 

EC2의 보안그룹 인바운드 규칙에 8080 포트를 추가해 준다.

그리고 EC2에서 jar파일을 재실행한다.

 

 

이후 브라우저로 접속하면 정상적으로 동작한다.

 

이전 프론트엔드 프로젝트 배포때와 달리 이제는 서비스에서 실제 API를 호출하고 응답을 받는 과정까지 정상적으로

동작하는 것을 확인할 수 있다.

 

 

 

 

 

참고

https://www.inflearn.com/course/%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4-%EC%B4%88%EA%B0%84%EB%8B%A8-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0/dashboard