헤로쿠에 서버를 올리다보니... 아뿔사.. Mongodb 연결신경을 안했다..

헤로쿠에서 몽고디비 에드온을 지원해준다 https://elements.heroku.com

지금 만든 어플리케이션은 몽고디비를 로컬에 만들어서 수행을 했지만 .. 헤로쿠에 배포를 위해서는 다른방법을 사용해야됬다

Mlab ,  Compose MongoDB , ObjectRocket for MongoDB 등등 있는거같다 하지만 개인프로젝트를 하는데 

한달에 18달러 가량 쓰긴 아까우니 무료인 Mlab 을 사용하려한다  

Mlab 같은 경우는 500메가 무료다 얼마나좋은가 .. 거기다 평생간다고 하니 개인프로젝트하는데 적당하다고 본다

회원가입을 하고 나면  이런식으로 셋팅을 가능하게 해두어서 사용하기 편리하다

밑에보이는 mongodb://<dbuser>:<dbpassword>@ds063406.mlab.com:63406/hashcollect 을 코드에 입력해주자 

코드에서 MongoDB 연결하는 부분을 수정해보도록 하자 

기존에는 아래에있는 로컬디비를 이용했지만 헤로쿠에 서버를 배포하면서 Mlab으로 바꿔주면 된다

데이터는 이런식으로 저장이 됩니다 

안녕하세요

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

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

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

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

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

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

1.

heroku 앱을 만들어 줍시다

2.

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

3

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

indexzero/http-server  을 사용한다

Package.json

4

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

5

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

6

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

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

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

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

그럼 완성된 사이트주소는

https://tagtops.herokuapp.com