일반적인 클라이언트단의 프로젝트는 netlify와 같은 사이트를 이용해서 배포가 간단하게 진행이 가능하지만 서버의 배포는 다른 서비스를 이용해야 한다.
오늘은 Heroku를 이용한 서버 배포를 해볼 예정이다.
Heroku
Heroku는 원래 무료 서비스를 지원하다가 이제 무료 서비스가 종료된걸로 알고있다.
그래서 나는 오늘 유료 버전을 이용 할 생각이다.
Heroku 프로젝트 생성
먼저 회원가입 과정을 다 끝내고 나면 Create New App에 들어간다.
그럼 아래 사진과 같은 화면이 뜰텐데 App 이름을 정해주고 Create app 버튼을 누른다.
( 참고 무료 버전이 끝나고부터 회원가입 시 카드 등록을 해야한다. )
Heroku CLI 설치
이제 배포를 하기전에 Heroku CLI란걸 다운받아야 한다. 아래 사진의 링크 부분을 들어가서 자신의 환경에 맞는 CLI를 설치 해준다.
env 환경 변수 key 등록
그리고 setting에 들어가 Config Vars에서 Api키를 등록 해준다.
서버 파일 분리
우리가 배포를 해야할건 server폴더를 해야한다. 그렇기 때문에 폴더 경로를 바꿔준다.
루트 디렉토리 > App 안에 아래 사진과 같게 client, server 폴더를 분류 해주고 서버 생성 코드 index.js는 App 폴더 안에둔다.
이렇게 폴더 구조를 바꾸게 되면 파일의 경로들도 새로 지정해줘야 한다.
App 폴더에 Procfile 폴더 생성
App 폴더에 Procfile이라는 파일을 생성해서 서버를 실행 시키는 방법을 알려준다.
나는 기존에 nodemon index.js를 이용해서 서버를 실행하고 있었는데 배포를 할때는 node index.js 로 변경 해준뒤 Procfile을 설정해주었다.
Heroku 명령어 입력
1. heroku login 명령어 입력
터미널에서 명령어를 실행하고 아무키나 입력해주면 Heroku 로그인 창이 뜨는데 기존의 로그인이 되어있으면 로그인 버튼 한번만 눌러주면 된다.
2. heroku remote 추가
$ heroku git:remote -a sangyong-portfolio
3. heroku push
git push heroku main 으로 이제 마지막 푸시를 해준다.
푸시 까지 완료가 되면 Open app으로 열면 잘 배포가 된걸 확인할 수 있다 :)
