Heroku와 ClearDB를 이용해 블로그 배포하기


지금까지 만든 블로그를 인터넷에 배포하기 위해 Heroku를 이용할 것입니다.

우선 Heroku에 접속해 회원가입을 해주고 원하는 이름으로 앱을 만듭니다.

이미지

그 후 링크에서 Heroku CLI와 Git(없다면)을 설치해 준 뒤, 프로젝트 폴더에서 터미널을 연 뒤 아래 명령어로 git저장소를 만들고 앱을 배포해 줍니다. 이 때 node_modules폴더와 config.env파일은 .gitignores파일에 등록해 제외시켜줍니다.

git init
git add .
git commit -am 'initial commit'
heroku login // 웹 브라우저에서 로그인 해 줍니다.
heroku git:remote -a [앱 이름]
git push heroku master

블로그를 배포할 때 데이터베이스도 인터넷에 배포해야 되므로 아래 명령어를 통해 Heroku앱에서 ClearDB라는 MySQL DB Add-on을 추가해 줍니다.

heroku addons:create cleardb:ignite

이제 로컬 데이터베이스가 아니라 ClearDB를 사용해야 하므로 아래 명령어로 URL을 확인해줍니다.

heroku config

그럼 아래와 같이 나올 텐데 저 중에서

이미지

us-cdbr-east-02.cleardb.com이 Host,

heroku_0f108c07073a100이 DB Name,

b251ce57c0b3b8이 User Name,

5332b445이 Password입니다.

이제 local의 config.env에 있는 값들을 Heroku의 대시보드에 ConfigVars에서 수정해줍니다.

이미지

마지막으로 Workbench에서 ClearDB에 접속해 로컬 DB와 동일한 스키마를 만들어주면 끝입니다.

Overview에서 Open App버튼을 눌러주면 아래와 같이 인터넷에서 내가 만든 블로그에 접속할 수 있습니다.

이미지