💻 Heroku로 간단하게 웹 사이트 배포하기 💻

오늘은 기존에 회사에서 계속 진행하던 Autodesk Forge Viewer를 Heroku를 이용해 배포해보았다.

Heroku란?

Heroku는 Java, Node.js, Python등 여러 언어를 지원하는 클라우드 Paas로, 해보기 전엔 어려울 것 같아 겁먹었지만 생각보다 간단한 작업이었다. 잊어버리지 않기 위해 기록!

※ Paas란?
서비스형 플랫폼(Platform as a Service, PaaS)은 클라우드 컴퓨팅 서비스 분류 중 하나다. 일반적으로 앱을 개발하거나 구현할 때, 관련 인프라를 만들고 유지보수하는 복잡함 없이 애플리케이션을 개발, 실행, 관리할 수 있게 하는 플랫폼을 제공한다. SaaS의 개념을 개발 플랫폼에도 확장한 방식으로, 개발을 위한 플랫폼을 구축할 필요 없이, 필요한 개발 요소를 웹에서 쉽게 빌려쓸 수 있게 하는 모델이다.

---

따라해보자!

1. Heroku 가입 및 로그인 (https://id.heroku.com/login)
   필요한 정보들을 입력하고 CREATE FREE ACCOUNT 하면 이메일로 인증 메일이 날라온다. 이메일 인증 후 비밀번호를 설정할 수 있다.

2. Create a new app으로 배포를 하게 될 새로운 앱을 만들어준다.

3. App name 및 region을 지정한다. (구글 서치 결과 region은 United States로 지정해야 무료로 사용할 수 있다는 말이 있다..)

4. 이제 Heroku에 내 프로젝트 소스를 올리기 위해 Heroku CLI를 설치해줘야 한다. (사용 중인 OS에 맞게 다운로드 해서 설치하면 된다) 설치 후 커맨드창에서 heroku —version 명령어를 통해 정상적으로 설치되었는지 확인한다.

5. 커맨드창에서 heroku login 명령어를 통해 Heroku 로그인을 진행한다.

6. 커맨드창에서 배포 할 프로젝트가 위치한 경로로 이동한 뒤, git 레파지토리 생성 및 원격 연결을 한다.

$ cd my-project/
$ git init
$ heroku git:remote -a <app-name>

7. git 사용법과 동일하게 프로젝트를 add → commit → push 한다.

$ git add .
$ git commit -am "first commit"
$ git push heroku master -> 이 명령어에서 에러가 발생한다면 git push heroku HEAD:master로 하길

8. 커맨드가 쭈루루룩 뜨면서 Released v3 하면서 주소가 뜬다. 그 주소에 접속하면 끝!

---

수정 및 재배포

Heroku에 올려놓은 코드를 수정하고 재배포 하고 싶을 때는

$ git add .
$ git commit -am "first commit"
$ git push heroku master -> 이 명령어에서 에러가 발생한다면 git push heroku HEAD:master로 하길

맨 처음 배포할 때와 마찬가지로 수정한 코드를 add → commit → push 하면 된다!

참 쉽죠? 🤗

Heroku는 한 계정당 5개의 앱을 무료로 호스팅 할 수 있다. 하지만 무료인 만큼 치명적인 단점이 있는데, 해당 도메인에 몇 시간 동안 접속 요청이 없는 경우에는 앱이 수면 상태로 전환되어, 초기 접속이 느려진다. (사실 완전 정지되는 것도 아니고, 그다지 느린 것도 아니기 때문에 그리 치명적이진 않은듯..?)

그래서 수면 상태로 전환되는 것을 방지하기 위해 계속 request를 해주는 방법이 있다. => 감사하게도 요청을 일정 시간 단위로 보내주는 사이트가 있어서 (https://kaffeine.herokuapp.com/) 잘 이용하고 있다. 졸음을 방지하는 카페인. 이름도 귀엽다. ☕

많은 사람이 접속할 일이 없는 개인 포트폴리오 사이트나, 스터디용 미니 프로젝트 등을 배포하기 딱 좋은 것 같다!!!

References
https://ko.wikipedia.org/wiki/%EC%84%9C%EB%B9%84%EC%8A%A4%ED%98%95_%ED%94%8C%EB%9E%AB%ED%8F%BC