헤로쿠 디플로이 방법

Grace Nho
5 min readMay 1, 2021

--

헤로쿠는 Platform as a Service 이다. 헤로쿠는 클라우드 플랫폼인데 회사들이 웹앱을 다양한 언어로 만들고, 전달하고, 관리할 수 있는 서비스인데

그냥 단순하게 말하자면 써본 사람의 입장으로써

내가 로컬로 만든 서비스나 프로젝트를 헤로쿠라는 플랫폼에 올려놓고 헤로쿠가 제공하는 url 을 사용자에게 주면

다른 사람들이 그 링크를 이용해서 자기 브라우저에 띄울 수 있는 느낌?

약간 쓸 수 있는 인터넷 링크를 주는 느낌이랄까..

암튼 그래서 헤로쿠 디플로이 하는 방법을 정리하려고 한다

혼자 개인프로젝트?를 진행해보고 싶은 학생이나 그런 사람들은 헤로쿠를 사용하는 것을 추천한다.

나도 이거 재미로 내가 진짜 존경하는 쌤의 웹편지카드? 같은 사이트도 만들어주기도 하고 그랬다.

다만 단점이 접속이 굉장히 느리다는 점….

Previous imageNext image

일단 File > Dynamic Web Project 를 먼저 만들어준다

나는 jsp4lab 이라는 이름을 달았음.

옆에 생기는 jsp4lab 파일을 우클릭 해서

Configure > Convert to Maven Project 를 누른 다음에

그 다음에 index.jsp 라는 파일도 webapp 라는 파일 아래에 하나 생성해준다

Previous imageNext image

이제 헤로쿠 작업을 해줘야하는데

brew tap heroku/brew && brew install heroku

이걸로 터미널에 돌려서 install 해줘도 되고

heroku login

이걸 쳐서 로그인도 해야함

일단 나는 이미 heroku install 을 해서 heroku — version 을 통해 heroku 버전만 확인해줌

heroku.com 에 가입하고 로그인하면 이 화면이 뜨는데

나는 이미 forever (그 저번에 말한 선생님 웹카드) 를 만들고 앱을 하나 디플로이해서 하나 있는걸로 뜬다.

(나머지 프로젝트는 다 정리함 )

그래서 저기 ㅇ오른쪽 위에 있는 “New” 를 눌러서

App Name 지정해주고 (나는 jsp4 라고 정함)

성공적으로 생성되면 슬라이더의 second to last 사진 처럼 저런 화면이 뜸

그리고 나서 마지막 사진처럼 heroku plugins:install java 쳐줬음

그러고 난 다음에 나는

<plugin> <artifactId>maven-war-plugin</artifactId> <version>2.4</version> <configuration> <warSourceDirectory>WebContent</warSourceDirectory> <failOnMissingWebXml>false</failOnMissingWebXml> </configuration> </plugin>

이 플러그인을 pom.xml 파일에 넣어뒀는데

나는 이거 안넣으면 에러뜨더라고…

그거 넣은 다음에

옆에 파일 이름 우클릭 > Maven >Update Project 눌러주고

그 후에 Run as > Maven Install 를 해줘야한다

성공하면 저렇게 뜨는데

그 해당 파일의 target 폴더 안에 들어가면 저 war 파일이 만들어졌다는 것을 확인할 수 있음

저 와르 파일 확인해서

heroku war:deploy heroku-0.0.1-SNAPSHOT.war — app second1004

이런 CLI 를 터미널에 쳐주면 되는데 여기서 유의해야할 것은

heroku-0.0.1-SNAPSHOT.war 은 만들어진 war 파일이어야하고 (나같은 경우에는 jsp4lab-0.0.1-SNAPSHOT.war) 이고

second1004 는 헤로쿠에서 만든 app 이름이어야 함 (나 같은 경우에는 jsp4)

브라우저에 헤로쿠 앱의 이름 (나같은 경우에는 jsp4)

jsp4.herokuapp.com 이렇게 치면 내가 만든 웹사이트가 뜸 !

--

--

No responses yet