Frontend

firebase 배포하는 방법

전예방 2024. 9. 16. 00:02
✅ firebase를 이용해 배포하는 방법에 대해서 알아보기

 

 

firebase cli를 이용해서 프로젝트를 간단하게 배포해 봤다.

 

firebase의 auth 기능과 firestore 기능은 사용해봤는데, 배포 기능은 처음 사용해본다.

다음에 배포할 때 참고용으로 작성해 놓는다.

 

🔗 참고 문서

 

Firebase CLI 참조  |  Firebase 문서

 

firebase.google.com

 

firebase cli 글로벌로 설치 & 로그인하기

npm install -g firebase-tools

글로벌로 설치해줘야한다.

firebase login

firebase에 로그인해준다.

firebase projects:list

firebase가 잘 설치되고, 로그인도 잘 되었는지 확인하기 위해서 프로젝트 list를 출력해본다.

 

나는 firebase가 이미 깔려 있고, 로그인도 되어있었다.

그래서 프로젝트 리스트를 확인하는 명령을 쳤는데 에러가 발생했다.

Error: Failed to list Firebase projects. See firebase-debug.log for more info.

 

위와 같은 에러가 난다면, 

firebase login --reauth

이 명령어를 입력한 후에 재 로그인을 하면 해결된다.

성공적으로 프로젝트 리스트가 출력된 것을 확인할 수 있다.

 

프로젝트에 호스팅 init하기

작업하던 프로젝트로 들어가준다.

firebase init hosting

 

프로젝트 build하기

프로젝트 build를 해준다.

 

프로젝트 Deploy하기

firebase deploy --only hosting

사이트에 들어가보면 잘 배포된 걸 확인해볼 수 있다.

 

firebase 콘솔 > hosting 메뉴에서 배포된 URL을 확인해볼 수 있다.

 

hosting을 종료하고 싶을 때

호스팅을 종료하고 싶다면 cli 명령어로 종료해야한다.

firebase hosting:disable

사이트에 다시 접속해보면 

Not Found 화면을 확인할 수 있다.

'Frontend'의 다른글

  • 현재글 firebase 배포하는 방법

관련글