[Heroku] 헤로쿠로 Node.js 웹사이트 배포하기, 설치부터 배포까지 헤로쿠 사용법

 

 

1. heroku에 가서 계정 생성 

---

https://www.heroku.com 

Cloud Application Platform | Heroku

 

 

 

2. heroku CLI 설치  

---

https://devcenter.heroku.com/articles/getting-started-with-nodejs#set-up

Getting Started on Heroku with Node.js | Heroku Dev Center

 

나는 Winodw 사용자기 때문에 Window의 64-bit installer로 설치했다.

설치할 때 따로 설정해줄 것 없이 다음 버튼을 눌러 설치를 완료해준다.

 

설치 완료 후에는 커맨드 창에 다음과 같이 입력해 설치가 잘 되었는지 확인해본다.

$ heroku --version

 

 

※ 헤로쿠를 사용하려면 Git이 필수니 Git이 없다면 Git도 함께 설치해야 한다.

 

 

 

3. heroku 로그인

---

cmd(명령 프롬프트)를 이용해 로그인해준다.

 

※ window의 경우 cmd에서 먼저 로그인을 해줘야 다른 shell에서 heroku cli를 사용할 수 있다. 그리고 다른 shell도 재시작해주어야 한다. 

 

$ heroku login

$ heroku login
 »   Warning: heroku update available from 7.53.0 to 7.55.0.
heroku: Press any key to open up the browser to login or q to exit:

 

 

이때 엔터키를 누르면 새로운 인터넷 창이 열리면서 로그인 버튼이 뜨고, 버튼을 누르면 로그인이 완료된다. 

(엔터키가 아니라 아무 키나 눌러도 상관없다.)

 

 

헤로쿠는 한번 로그인하면 로그아웃 해줄 때까지 계속 로그인되어 있다.

 

로그아웃은 아래 방법으로 가능하다.

$ heroku logout

 

 

 

 

4. heroku  앱 생성하기

---

배포할 앱을 생성한다.

사이트에서 직접 생성할 수도 있고, CLI 명령어를 통해 생성할 수도 있다.

 

 

- 사이트에서 생성하기

 

heroku 사이트에 로그인한 경우 dashboard로 바로 접속이 될 것이다.  

오른쪽 위 New -> Create new app 버튼을 누른다.

 

 

원하는 App name을 적고 Create app 버튼을 누르면 생성 완료.

 

 

 

---

 

- CLI 명령어로 생성하기

 

$ heroku create

위와 같이 heroku create만 한 경우엔 자동으로 이름이 생성되고,

 

$ heroku create ${app name}

heroku create 명령어 뒤 ${ app name } 부분에 원하는 app 이름을 넣어주면 그 이름으로 app이 생성된다.

 

app 이름으로 사이트의 도메인이 결정되니, 아무래도 랜덤 한 이름보다 직접 지정해주는 게 좋을 것 같다.

난 practice-node-server라는 이름으로 앱을 생성했다.

 

그리고 heroku 사이트에 가보면 앱이 생성된 것을 확인할 수 있다.

 

 

 

 

 

5.  배포하기

---

로컬의 디렉터리와 heroku 내 원격 저장소를 연결해주기 위해, 배포하고자 하는 디렉터리로 이동한 후 아래 명령어를 입력한다.

 

${ app name }에 좀 전에 생성해 둔 app의 이름을 적어주면 된다.

$ heroku git:remote -a ${app name}

$ heroku git:remote -a practice-node-server
 »   Warning: heroku update available from 7.53.0 to 7.55.0.
set git remote heroku to https://git.heroku.com/practice-node-server.git

 

그리고 최종적으로 heroku master 브랜치에 배포할 브랜치를 push 해주면,

 

$ git push heroku ${배포할 내 로컬 브랜치}:master

 

 

위와 같이 배포가 완료된다.

 

 

 

6.  배포한 프로젝트 확인

---

프로젝트가 잘 배포되었는지 확인하려면

 

$ heroku open

위 명령어를 실행하면, 배포된 사이트 창이 새로 열린다.

 

 

다른 방법으로는, 헤로쿠 사이트로 들어가 dashboard에서 

 

오른쪽 상단의 open app 버튼을 눌러도 배포된 사이트 창이 열린다.

 

 

 

 

배포 오류가 났을 경우 ?

---

$ heroku logs --tail

위 명령어를 입력하면 로그를 확인할 수 있다.

로그에 있는 오류 코드를 찾아보고 문제를 해결하면 된다.