Deploy on heroku

  마지막 단계다. web application도 완성했고 build과정도 끝났다. 이제는 cloud server에 deploy 시켜서 모든 사람이 쓸 수 있게 하면 된다. 나는 간편하고 쉬운 heroku를 사용할 것이다.

Heroku 사이트

package.json

  "start"에서 PRODUCTION=true를 추가해준다. 이렇게 되면 heroku로 deploy이 하는 과정에서 .env파일에 추가히지 않았더라도 process.env.PRODUCTION이 true가 된다.

package.json

db.js

  Deploy on heroku를 할 때 만 PRODUCTION=true가 된다. 그 때만 MONGO_ATLAS_URL을 사용하고 개발 과정에서는 local MongoUrl을 사용한다.

db.js

SocialLogin

  server를 cloud server에 deploy를 하면 social login part의 주소도 달라지기 때문에 다음과 같이 callback 주소를 고쳐준다.

passport.js

passport.js

github

Github 개발자 OAuth 설정에서 주소를 heroku가 주는 url로 수정한다. heroku가 주는 url은
https://<app 이름>.herokuapp.com이다.

kakao

Kakao 개발자 설정에서 주소를 heroku가 주는 url로 수정한다. 내 애플리케이션 선택

자신의 app(wetube-v3) 선택

플랫폼 선택

수정 선택해서 localhost:port를 heroku로 deploy한 나의 web application url로 바꾼다.

좌측 메뉴에 제품 설정에서 카카오 로그인을 클릭한다.

Redirect URL를 수정한다.

설치

  #npm install heroku

Follow the steps on terminal

1. #npm install heroku
2. #heroku create <app name>
3. heroku-config (This is not a command)
   1. #heroku plugins:install heroku-config
   2. #heroku config:push
   3. Check whether the contents of .env file is pushed correctly to heroku using #heroku config
      An you'll see that
4. git push heroku master

heroku config

 

참고 자료

• 노마드 코더의 유튜브 클론 강의
• Heroku Getting started

소스 코드

github.com/zpskek/wetube-v3/commit/7dc835dbc77f66f099d45b0532a88bab4d2b0b14