안녕하세요


지금까지 만든 크롤러앱을 로컬이 아닌 웹상에 실행시키기위해서는 웹상에 배포를해야하는데 


크롤러앱같은경우는 Node.js 로 만들었기에 'heroku' 를 이용해 웹상에 배포를 하려합니다


헤로쿠를 선택한이유는...


 1. 무료버전은 30분간 웹사이트에 접속자가 없는 경우 어플리케이션이 정지하고 접속시에 서버가 재부팅하게 됩니다 

 2. 한 아이디로 5개까지 웹사이트를 등록할 수 있습니다.

 3. 웹사이트가 하루에 6시간동안 꺼져있어야 합니다. 이때 연속으로 6시간이 아니고, 1번에 의해서 쉬고있는 시간이 최소 6시간이 되어야 합니다. (즉 24시간중 18시간동안 웹사이트가 작동하고 있었다면 이후 6시간은 접속이 되지 않습니다.)  


이러한 이유가있지만 제일 큰 이유는 역시 무.료 그리고 간단하다


우선 이 포스팅은 맥 을 기준으로 작성했습니다  윈도우같은경우는 다른포스팅을 참고하시면 됩니다


블로그 참조했습니다 : http://json.postype.com/post/226227/



1.


1
heroku create
cs


heroku 앱을 만들어 줍시다


2.


1
heroku config:set NPM_CONFIG_PRODUCTION=false
cs


devDependencies 에 들어가는 package 들도 설치되도록 해야한다. 이를 위해 Heroku config 를 변경한다


3


1
npm install http-server -D
cs


Angular2 같은경우 로컬에서 테스트를할경우 lite-server 를 사용하지만 인터넷상에 배포를 할경우 


indexzero/http-server  을 사용한다



Package.json

1
"start-heroku": "concurrently \"npm run tsc:w\" \"npm run http-server\" \"node server.js\" "
cs



4


1
web: npm run start-heroku
cs

프로젝트 root 폴더에 Procfile을 생성후 저장시켜준다


5


1
heroku git:remote -a 깃허브명 (ex : hashtag)
cs

github 에 등록된 git으로 설정을해준다



6


1
git push heroku master
cs 



이런식으로 진행이 된다 한번에 성공하시면 진짜운이좋은케이스..


하지만 분명히 에러가 나올겁니다  예를 들어 



구글링 해보시면 답은 다나와있으니 차근차근해보시면될겁니다 


저도 삽질을 많이했습니다 ㅎㅎ


그럼 완성된 사이트주소는


https://tagtops.herokuapp.com

'MEAN stack > Heroku' 카테고리의 다른 글

Heroku :: Mongodb 사용  (0) 2017.01.15

WRITTEN BY
내가달이다

,