#02 웹 서버 배포하기 (feat. CloudType, Spring, CI/CD, Github Action)

김대진·2023년 3월 31일
0

MyMemory Project

목록 보기
3/9
post-thumbnail

데이터베이스를 배포해 보았으니 이제 웹 서버를 배포해 보자.
이전 프로젝트에서 aws를 통한 배포를 해 보았지만 https를 지원하지 않는다는 것과 CI/CD의 적용에 어려움이 있었다.

이전 프로젝트 글 : https://velog.io/@phraqe/series/Sekkison-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8

이번에는 https 지원과 Github Action을 통한 CI/CD를 쉽게 적용할 수 있는 CloudType을 사용해 배포해 볼 것이다.

01. CloudType 접속하기

먼저 클라우드타입 홈페이지에 접속한 뒤 Github으로 시작하기를 누르자.
https://cloudtype.io/

깃허브 프로젝트를 불러올 수도 있지만 이번 글에서는 레포지토리까지 직접 CloudType을 통해 만들어 보겠다.

02. 탬플릿 선택하기

검색창에 spring을 검색한 뒤 Spring Boot를 선택하자.

03. 레포지토리 생성하기

다음과 같은 창이 뜨면 저장소 이름을 설정하고 저장소 만들기를 누르자. 깃허브 연동이 필요하다면 우선적으로 하자.

04. 프로젝트 설정하기

레포지토리 생성이 완료되었다면, 프로젝트 설정을 하도록 하자. 이번 프로젝트는 java11을 사용해 작업할 것이기 때문에 java11을 선택하였다.
포트는 필요하다면 변경하도록 하자.

그리고 프로젝트 탭에서 새 프로젝트 만들기를 선택한 뒤 프로젝트명표시명을 입력하자. 리전은 서울로 하면 된다.

새 프로젝트 생성이 끝났다면 다음과 같이 프로젝트가 표시될 것이다.
이제 배포하기를 누르자.

05. 프로젝트 배포

다음과 같은 창이 뜬다면 성공적으로 프로젝트 배포가 되고 있는 것이다.

서비스로 이동해 보자. 작업이 끝났다면 다음과 같이 Complete / Running으로 표기되어 있을 것이다.
우측 상단의 접속하기를 눌러 보자.

서비스를 시작하는 중이라는 메세지가 표시된다면 조금 기다리자.
(혹시 기다려도 페이지가 계속 안보인다면 클라우드타입의 프로젝트를 삭제한 뒤 저장소에서 불러오기로 만들었던 레포지토리를 다시 배포해 보자.)

다음 페이지가 보인다면 배포에 성공한 것이다

05. Github Action CI/CD 적용하기

배포가 끝났으니 CI/CD를 적용해 보도록 하자. 깃허브 main에 변동이 있을 때마다 자동으로 서버를 재배포해주는 기능이다.

다음 영상에 적용하는 과정이 정리되어 있다. 따라만 한다면 쉽게 Github Action을 사용해 CI/CD를 적용할 수 있을 것이다.

06. 마무리

이제 데이터베이스 배포와 웹 서버 배포 및 CI/CD 적용이 끝났다. 다음 글에서 데이터베이스와 서버를 연결하고 기초 세팅을 진행해 보자.

profile
만재 개발자

0개의 댓글