파이어베이스에서 작업한 모든 프로젝트를 관리 할 수 있으며 데이터베이스, 클라우드 펑션, 호스팅 과 같은 기능을 로컬에서 사용할 수 있도록 해준다.
01_CLI 에서 firebase login 하기
command line 에서 파이어베이스 로그인하여 프로젝트 확인 및 테스트하기
npm install firebase-tools 을 설치한 후 firebase login 을 한다만약 command not found 에러가 난다면 밑의 글을 참고하도록 한다.
정상적으로 진행이 된다면 파이어베이스 로그인을 할 수 있는 url 이 뜨며 모든 항목을 허용 한다면
CLI 로 성공적으로 진행되었다는 문구가 뜬다
firebase projects:list명령어를 통해 내 계정으로 로그인 된 파이어베이스에서 가지고 있는 모든 프로젝트를 확인할 수 있다.
여기까지 확인된다면 해당 CLI 에서 배포를 진행할 모든 준비가 된것이다.
02_배포진행하기
프로젝트 초기화 하기
firebase init hosting
hosting 초기화 명령어를 작성하면 여러개의 옵션을 선택하도록 나온다.
- Use an existing project
- 프로젝트 선택
- 프로덕션에서는 빌드 파일들이 “build” 라는 디렉토리에 생성되므로 “
build” 를 입력한다.
- Configure as a single-page app (rewrite all urls to /index.html)?
Yes
- Set up automatic builds and deploys with GitHub?
No
호스팅 초기화를 완료하면 firebaserc, firebase.json 파일, build 디렉토리가 생성되며
build 디렉토리 내부에는 내가 작성한 코드가 프로덕션 버전으로 담기게 된다.
사이트 배포하기
yarn build build 를 먼저 진행하여 배포에 문제가 없는지 먼저 확인을 한 후
firebase deploy --only hosting명령어로 배포를 본격 진행한다.
배포가 성공적으로 진행된 후 Hosting URL 에 명시된 사이트를 클릭하면 내가 배포한 사이트가 나온다.
01_command not found firebase 에러
CLI 창에서 자동설치 스크립트 명령어로 수동설치하기
파이어베이스 배포를 위한 진행과정 중 CLI 창에서 firebase login 을 해야한다.
npm install -g firebase-tools 를 설치한 후 firebase login 을 진행해야 하는데 command not found firebase 가 발생하는 상황.
CLI 에서 자동설치 스크립트 코드를 입력해 바로 해결할 수 있었다.
자동설치 스크립트 :
curl -sL https://firebase.tools | bash출처
참조
