지난 포스트에서 설정한 Strapi 서버를 Heroku로 실제 사용가능하도록 배포해보겠습니다.
1. Database 설정 변경
Strapi를 설치할때 입력한 DB정보는 development(개발용)에서만 적용되어 있으므로, staging, production의 DB설정도
바꿔주도록 합니다.
/config/environments/development/database.json
development의 database.json의 내용을 복사하여, staging, production의 database.json에 그대로 붙여넣도록 합시다.
2.Heroku 가입
Heroku에 가입한뒤에 대시보드에서
create new app으로 새로운 앱을 만듭니다.
유니크한 이름을 입력하고 지역은 유럽과 미국중에 선택하도록 합니다. (속도차이는 크게 없습니다.)
https://devcenter.heroku.com/articles/heroku-cli
위의 링크로 이동 후 heroku cli를 설치방법을 참고하여 설치 후에 다시 strapi 프로젝트 폴더의 터미널로 이동합니다.
heroku login
명령어를 입력하뒤 임의의 키를 누르면 브라우저가 뜹니다. 아이디와 비밀번호를 입력하여 로그인 합니다.
로그인이 완료되면 아래의 명령어를 순서대로 입력합니다.
git init
heroku git:remote -a minify-api-server
git add.
git commit -am "my app deploy"
git push heroku master
해당 저장소로 push하면 자동으로 배포가 시작되며 시간이 꽤 걸립니다. (4분정도)
배포가 완료되면 커맨드에 헤로쿠에서_입력한_앱이름.herokuapp.com/ 이 노출됩니다.
저의경우에는, minify-api-server이므로 아래의 주소로 접속하면,
minify-api-server.herokuapp.com
위와같은 index페이지가 있고 minify-api-server.herokuapp.com/admin으로 접속하면 개발환경에서 만든 관리자아이디로
접속이 가능해집니다. (첫접속 및 슬립모드일때 접속하면 매우느립니다!)
감사합니다.
'Front-End' 카테고리의 다른 글
[React Native Web] 앱과 웹을 한번에 개발하기 - 4(feat.Styled-Components) (4) | 2021.05.09 |
---|---|
[React Native Web] 앱과 웹을 한번에 개발하기 - 3 (Feat. Typescript) (4) | 2021.03.27 |
[React Native Web] 앱과 웹을 한번에 개발하기 - 2 (3) | 2021.02.08 |
[React Native Web] 앱과 웹을 한번에 개발하기 - 1 (19) | 2021.02.07 |
[git] git 기초 커맨드 (0) | 2020.08.02 |
댓글