파이어베이스 프로젝트
생성
파이어베이스 콘솔에 접속하여 프로젝트 만들기 버튼을 눌러줍니다. 원하는 이름으로 만들어주시고 google analytics도 default계정으로 활성화 해줍니다.
프로젝트 요금제 업그레이드
Functions를 사용하기위해서는 Blaze요금제가 필요합니다. 아래 버튼들을 눌러 업그레이드 할 수 있습니다.
firestore 활성화
왼쪽 매뉴바에 Firestore Database를 누르고 데이터 베이스 활성화 버튼을 눌러주세요.
저희 서비스는 Functions를 통해서면 Firestore에 접속할것이기 때문에 프로덕션 모드로 시작해주세요.
다음버튼을 누르면 위치 설정으로 바뀌는데 저희 같은 글로벌 서비스라면 다중지역인 nam5(us-central)을 사용해주시면 되고 한국에서만 사용되는 서비스라면 asia-northease3(서울)로 설정해주시면 됩니다. 이외의 위치들은 링크 참고해주세요
firebase-tools 설치
firebase-tools?
firebase-tools는 firebase 프로젝트를 테스트, 관리 및 배포할 수 CLI 입니다.
설치 명령어
npm 을 통해 설치 하실 수 있습니다.
npm install -g firebase-tools
설치 확인
정상적으로 설치가 됬다면 아래 명령어 실행시 다음과 같은 결과가 나옵니다.
fireabse --version
인증
파이어베이스 프로젝트를 설치하기 위해서는 cli에 구글계정으로 로그인을 해야합니다. 아래 명령어를 실행시 OAuth인증과정을 거쳐 로그인이 됩니다.
firebase login
패키지 설치
프로젝트 Init
아래 명령어 실행시 다음과 같은 화면이 보이게 됩니다.
firebase init
방향키 위아래로 움직일 수 있고 스패이스바로 사용할 서비스들을 고를 수 있습니다. 뮤직쇼츠는 Firestore, Functions, Hosting 이렇게 3개를 사용했습니다. Hosting은 두가지 옵션이 있는데 Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys 우선은 이걸로 설정하겠습니다. 엔터를 눌러 다음화면으로 넘어갈 수 있습니다.
원격 firebase 프로젝트와 연결
위에서 미리 프로젝트를 만들어 두었기에 Use an existing project로 연결 하면 됩니다.
방향키를 이용하여 여러 프로젝트중 위에서 생성한 프로젝트를 골라서 엔트키를 눌러줍니다.
기타 프로세스
이후에 프로세스는 아래대로 진행해주시면 됩니다.
- What file should be used for Firestore Rules?
그냥 Enter - What file should be used for Firestore indexes?
그냥 Enter - What language would you like to use to write Cloud Functions?
Typescript - Do you want to use ESLint to catch probable bugs and enforce style?
Yes - Do you want to install dependencies with npm now?
n - What do you want to use as your public directory?
그냥 Enter - Configure as a single-page app (rewrite all urls to /index.html)?
N - Set up automatic builds and deploys with GitHub?
N
결과
터미널에 code . 명령어를 사용하여 vscode를 열면 이러한 모습으로 설치가 된것을 확인 하실 수 있습니다.
