본문 바로가기
FE/배포

[배포] 클라우드타입으로 Express 배포하기

by thedev 2023. 3. 2.

 

클라우드타입으로 Express 배포하기

 


 

 

 Express로 작은 프로젝트를 만들고 나서 배포를 하기 위해 클라우드타입 이라는 서비스를 이용하였다. 유튜브 조코딩님의 영상을 참고하여(https://youtu.be/SGGebq48h3Y) Express를 배포하는 방법을 소개하려 한다.

 

 

1. 클라우드타입 홈페이지 회원가입 https://cloudtype.io/

 

 

모두의 플랫폼팀, 클라우드타입

클라우드타입은 클라우드 기반 애플리케이션을 빠르게 개발하고 배포할 수 있는 클라우드 애플리케이션 플랫폼입니다.

cloudtype.io

 

깃허브로 가입하면 깃허브에 올린 Repositories와 연동이 편하다. (다른 방식으로는 가입 안 해봐서 모르겠음...)

 

 

2. + 버튼 눌러서 프로젝트 형식 선택하기

 

상단의 +를 누르면 아래에 프로젝트 종류가 쭉 뜬다. 이 중에서 사용할 프로젝트 종류를 골라준다.

 

 

난 Express를 배포할 거라 Node.js를 선택했다. 배포하기 클릭!

 

 

3. 배포 설정

 

3.1 repository 선택

 

 

 깃허브로 가입해서 깃허브와 연동이 되어있기 때문에 이렇게 바로 깃허브 계정이 뜬다. Github username 옆에 repository 목록이 뜰 텐데, 그 중에서 배포하고자 하는 repository를 선택해준다.

 

 

3.2 애플리케이션 설정

 

 

애플리케이션 설정 변경 클릭

 

 

버전 : 현재 사용하는 버전으로 설정해준다.

 

포트 번호 : 자신이 사용한 포트 번호를 적어주어야 한다. 만약 개발 시에 포트 번호 4000을 사용했다면 저 값도 4000으로 바꿔주어야 한다. 개발 시 사용한 포트 번호와 저 값이 다르면 배포가 되지 않는다. (경험담😅)

 

install command : npm ci --production

 

start command : 개발 시 서버를 실행시키는 명령어를 적어준다. 난 app.js에 서버를 만들어서 node app.js로 실행시켰기 때문에 node app.js라고 적어주었음

 

 

3.3 배포하기

서비스 이름을 설정해준 뒤 아래에서 화살표 버튼을 눌러 새 프로젝트를 만들어 주고 배포하기를 누르면 끝!

 

 

3.4 페이지 확인

 

 

조금 기다렸다가 접속하기 버튼을 누르면 페이지가 배포된 것을 확인할 수 있다.

 

배포 끝!

 


 

 

참고 자료

https://youtu.be/SGGebq48h3Y

'FE > 배포' 카테고리의 다른 글

[배포] TypeScript + Express 배포하기  (0) 2023.03.03
[배포] GitHub로 React 배포하기  (0) 2023.02.08