안녕하세요
지금까지 만든 크롤러앱을 로컬이 아닌 웹상에 실행시키기위해서는 웹상에 배포를해야하는데
크롤러앱같은경우는 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 |
이런식으로 진행이 된다 한번에 성공하시면 진짜운이좋은케이스..
하지만 분명히 에러가 나올겁니다 예를 들어
구글링 해보시면 답은 다나와있으니 차근차근해보시면될겁니다
저도 삽질을 많이했습니다 ㅎㅎ
그럼 완성된 사이트주소는
'MEAN stack > Heroku' 카테고리의 다른 글
Heroku :: Mongodb 사용 (0) | 2017.01.15 |
---|
WRITTEN BY