헤로쿠(heroku)로 Node.js 배포

* 하단의 블로그 보고 참고하였음!

헤로쿠(heroku) 가입부터 node.js 배포까지

 

0. 헤로쿠

- 여러 프로그래밍 언어를 지원하는 클라우드 컴퓨팅 플랫폼. Git, GitHub 등을 지원하고 많은 서비스를 애드온과 API로 지원

- Application 배포시 바로 온 사이트로 서비스 해주는 대표적인 PaaS 서비스

- PaaS (Platform as a Service) : 클라우드에서 제공되는 완전한 개발 및 배포 환경. 개발적으로 서버, 저장소, 네트워킹, 미들웨어, 개발도구, BI, 서비스, DB, 빌드, 테스트, 배포, 관리, 업데이트 등 모든 어플리케이션 수명 주기를 지원하는 서비스

 

출처: 테라데이타

 

1. 헤로쿠 가입

Log in or sign 중 sign 클릭하고 이메일 인증

 

로그인하면!

 

2. Create a new app

왼쪽 버튼 클릭

 

3. App 이름 설정

이름 설정 후 국가는 미국으로! ( 비용 안나감 ,,)

4. 소스 설정

 

이제 소스 어떻게 넣을지 물어보는데 heroku Git - heroku CLI 사용 선택하자

 

5. Windows 64-bit installer 설치 클릭

Heroku CLI 버튼 누르고 조금 내리다 보면 위 사진과 같이 뜨는데, 본인 노트북 OS에 맞게 설치하자!

 

6. 설치 진행

Next 누르고 서서히 진행하다보면 ! 잘 설치된다.

참고한 블로그 보면 기존에 Node.js 깔려있을시 충돌된다고 해서, 하단의 명령어를 통해 설치하면 된다고 한다

C:\Users\Administrator\npm install -g heroku

설치 확인!

 

7. Heroku 저장소 생성

 

터미널에 heroku login을 입력하면 브라우저가 뜨면서 로그인 인증을 요하고 로그인이 된다!

Opening browser to https://cli-auth.heroku.com/auth/cli/browser/......
Logging in... done
Logged in as xxx@naver.com

 

8. 배포하고자 하는 디렉토리로 이동한 후 아래 명령어를 수행

heroku git: remote -a [app name]

 

git remote -v 명령어로 연결된 원격저장소 확인

$ git remote -v
heroku  https://git.heroku.com/cmh-node-js.git (fetch)
heroku  https://git.heroku.com/cmh-node-js.git (push)
origin  https://github.com/codusl100/dongguk_cmh.git (fetch)
origin  https://github.com/codusl100/dongguk_cmh.git (push)

 

9. 연결된 로컬 디렉토리 내 파일들을 heroku 원격 저장소로 push

git push heroku [브랜치]

main 브랜치로 push 하려했는데 안돼서 새로 브랜치 생성하고 (node1) 상단의 명령어 다시 입력했다

 

 

10. push까지 끝나면 배포는 완료됐고, 배포된 링크로 이동해서 확인하면 정상적으로 메인페이지가 보인다. 

그러나 sleep 상태의 dyno를 깨워주는 명령어를 수행해야함. 안그러면 배포된 웹 서비스에서 request 못받음

heroku ps:scale web=1

 

 

11. 배포된 프로젝트 확인하는 법

 

(1) 직접 타이핑 

https://[heroku dashboard에 보이는 app 이름].herokuapp.com/

 

(2) heroku dashboard에서 app 클릭 -> 우측 상단에 위치하는 open app 버튼 클릭

 

(3) heroku 명령어: 터미널에서 heroku app 실행