HeartRing [2] strapi + postgresql + heroku 사용해보기

오늘도 3시간 삽질 끝에 알아낸 사실은 역시 킹갓공식문서를 먼저 보자!

3시간의 삽질이 뭐였냐면

• GCP에 postgresql 인스턴스 생성해서 로컬환경과 연결
• 이를 또 strapi와 연결하려니 진짜 개안댐!!!

계속... 스택오버프로우 확인해보고 화나서 어.. 공식문서... 맞다 하면서 공식문서로 돌아가서 읽어보니? 3시간이 20분만에 완성되는 매직!

본격적으로 사용해봅시다..

본인은 mac 사용하고있음을 알아주세요

brew tap heroku/brew && brew install heroku
heroku login
npx create-strapi-app@latest HeartRing --quickstart

위의 명령어를 열심히 입력해줍니다...
난 헤로쿠를 3시간 삽질동안 설치했었기에 일단 패스하고
로그인하라고하면 하면댑니당

세번째 명령어는 strapi 디렉토리 생성해주는 CLI이니까 눈치껏 잘!!

.gitignore 수정해주자
package-lock.json

이파일이 헤로쿠에서 충동을 일으키나보다
공식문서에있는거 그대로 해석한거임!

git repo 초기화후 커밋

cd HeartRing
git init
git add .
git commit -m "Initial Commit"

헤로쿠 플젝 생성

heroku create heartring

난 쇼핑몰제작 사이드프로젝트중이라 플젝이름 heartring을 사용했으나 다른거 사용해도댐!

헤로쿠에 postgreSQL 설치

heroku addons:create heroku-postgresql:hobby-dev

무료정책 hobby-dev을 사용했고 유료써야하면 여기서 초기세팅을 다르게하던 추후에 변경하면됨

헤로쿠 자격증명 탐색

heroku config

이건 내꺼 그대로 못보여주니까

이걸 확인해봅시다

환경변수 설정

npm install pg-connection-string --save

strapi는 가 데이터베이스 연결구성에대한 변수를 예상해서 적용시켜줌 ! 그걸위한 라이브러리

env/prouction 설정
디렉토리내 config 폴더에 env/production 디렉토리를 추가후
database.js를 아래와 같이 작성해준다

heroku config:set NODE_ENV=production

그후 환경변수를 production으로 설정해준다

같은 디렉토리에 server.js를 아래와 같이 작성하자

헤로쿠에도 환경변수 설정해주기

heroku config:set MY_HEROKU_URL=$(heroku info -s | grep web_url | cut -d= -f2)

이와같이하면 환경변수가 설정됨

pg모듈설치

npm install pg --save

postgreSQL과 StrApi 설치하지 않았다면 설치해준다

배포단계

git add .
git commit -m "Update database config"
yarn install
git add yarn.lock
git commit -m "Updated Yarn lockfile"
git push heroku HEAD:main

배포가 조금 걸린다 조금 기다린후 완료되면

heroku open

를 하면

짠! 성공이다