Heroku로 Node.js프로젝트 배포하는 방법

Etc

지윤공원🌳 2021. 7. 21. 21:26

728x90

Heroku는 정말 간단하게 호스팅을 할 수 있는 클라우드 Paas입니다.

빠른 시간 내에 호스팅을 해야 하고, 프로젝트의 개수가 적다면 추천드리는 서비스입니다.

단, 무료로는 최대 5개의 프로젝트만 호스팅할 수 있습니다.

Platform as a service의 약어로 서버 소유자가 인프라를 구축하고 유지보수할 필요 없이 애플리케이션을 관리할 수 있는 플랫폼을 제공하는 것입니다.

heroku에 로그인 후, 오른편의 New 버튼을 누릅니다.

아래에 나오는 두 드롭다운 메뉴 중 Create new app 버튼을 클릭합니다.

원하는 앱 이름을 입력합니다.

이때, 소문자만 가능하며 중복이 불가능합니다. 프로젝트이름 is available 라는 문구가 나타나면 가능한 이름입니다.

Create app 버튼을 클릭해줍니다.

* Visual Studio Code를 사용했습니다.

먼저 root 폴더에 Procfile 파일을 생성하고

web: node server파일명.js

web: npm start

위 두 문장 중 하나를 택해 선언합니다.

web : 과 같이 입력하면 오류가 발생하니 위와 같이 입력 바랍니다.

.gitignore 파일도 마찬가지로 root폴더에 생성 후 git에 제외하고 업로드할 사항들을 입력합니다.

저는 node_modules폴더를 제외하고 업로드할 예정이라 아래와 같이 입력했습니다.

# Dependency directory
node_modules

아래 문장을 터미널에 입력해 heroku에 로그인을 합니다. (웹사이트가 자동으로 띄워집니다)

heroku login

git을 초기화해줍니다.

git init

연결할 heroku application명을 지정해줍니다.

heroku git:remote -a <heroku에 생성합 app 이름>

git에 모든 파일을 add시킵니다.

git add .

git에 add된 파일을 commit합니다. 커밋 메세지는 선택사항이지만 저는 입력하시는 걸 추천드립니다.

git commit -am "커밋 메세지"

commit된 파일을 heroku에 push합니다.

git push heroku master

오류없이 잘 업로드되었는지 확인해보겠습니다.

아래 문장을 입력하면 웹브라우저에 호스팅된 프로젝트가 띄워집니다.

heroku open

지금까지 간단하게 호스팅하는 방법을 알아보았습니다.

heroku는 호스팅이 정말 쉬워서 개인적으로 공부하시는 분들이 사용하기 좋다고 생각합니다.

+ heroku와 같이 호스팅 서비스를 제공하는 Amazon이 있습니다. Amazon은 비교적 사용이 복잡합니다. 그에 반면에 가격이 저렴하고 컨트롤이 자유롭다는 장점이 있습니다. 추후에 Amazon호스팅도 공부해보는건 어떨까요?

728x90