Firebase deploy의 흐름으로

Firebase에서 deploy까지의 흐름(직접 필기)

자꾸 Firebase에 deploy를 올리면 매번 절차를 몰라 조사의 곤경에 빠지기 때문에 자신이 쓰는 노트로 일련의 절차를 자신이 쓰는 노트로 기록한다.(2022/3/15시)

(나)Firebase로 응용 프로그램 등록

1. 프로젝트 이름 등록

2. Google 분석 설정

3. Google 분석 계정 설정

4. 아래 화면이면 프로젝트 등록 완료!

(ii) 항목 설정

1. 프로젝트 설정 화면으로 이동

2. 기본 GCP 리소스 위치 설정

!
여기에 설정된 자원 위치는 변경할 수 없음을 주의하십시오

(ii) Hosting 설정

1. Hosting의 등록

!
여기서부터 명령 집행!!

2. Firebase CLI 설치

npm install -g firebase-tools

3. firebase login

firebase login

実行後 (自分は既にログイン済み) 
Already logged in as {自分のメールアドレス}

4. firebase init

firebase init

実行後

     ######## #### ########  ######## ########     ###     ######  ########
     ##        ##  ##     ## ##       ##     ##  ##   ##  ##       ##
     ######    ##  ########  ######   ########  #########  ######  ######
     ##        ##  ##    ##  ##       ##     ## ##     ##       ## ##
     ##       #### ##     ## ######## ########  ##     ##  ######  ########

You're about to initialize a Firebase project in this directory:
{ディレクトリのパス}

? Are you ready to proceed? (Y/n) Yes

다음 실제 사용
!
Firestore를 선택한 경우 변경된 설정firestore.rules이 생성됩니다.
초기 상태에서의 안전

? Which Firebase features do you want to set up for this directory? Press Space to select features, then Enter to confirm your choices. (Press <space> to select, <a> to toggle all, <i> to invert selection, and <enter> to proceed)
 ( ) Firestore: Configure security rules and indexes files for Firestore
 ( ) Functions: Configure a Cloud Functions directory and its files
 ( ) Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys      
 ( ) Hosting: Set up GitHub Action deploys
 ( ) Storage: Configure a security rules file for Cloud Storage
 ( ) Emulators: Set up local emulators for Firebase products
 ( ) Remote Config: Configure a template file for Remote Config
 ( ) Realtime Database: Configure a security rules file for Realtime Database and (optionally) provision default instance

이번에는 Firebase에서 프로젝트를 만들었기 때문에 Use an existing project

? Please select an option: (Use arrow keys)
> Use an existing project
  Create a new project
  Add Firebase to an existing Google Cloud Platform project
  Don't set up a default project

Firebase에서 만든 항목 선택

? Select a default Firebase project for this directory: (Use arrow keys)
> fir-deploy-test-… (firebase-deploy-test)

공식 환경의 폴더에build 설정

? What do you want to use as your public directory? (public) build

선택은 Single Page Application(단일 페이지 응용 프로그램)
SPA는 단일 웹 페이지에서 적용을 구성하는 디자인 구조의 이름입니다.

? Configure as a single-page app (rewrite all urls to /index.html)? (y/N) N

자동 디버깅 여부 선택

? Set up automatic builds and deploys with GitHub? (y/N) N

(iv) 실제로 deploy를 시도해 보세요!

1. build 만들기!

npm run build

!
처음 실행할 때build 폴더가 생성되었는지 확인하십시오

2.deploy！

firebase deploy

実行後
=== Deploying to 'fir-deploy-test-f74c7'...

i  deploying hosting
i  hosting[fir-deploy-test-f74c7]: beginning deploy...
i  hosting[fir-deploy-test-f74c7]: found 15 files in build
+  hosting[fir-deploy-test-f74c7]: file upload complete
i  hosting[fir-deploy-test-f74c7]: finalizing version...
+  hosting[fir-deploy-test-f74c7]: version finalized
i  hosting[fir-deploy-test-f74c7]: releasing new version...
+  hosting[fir-deploy-test-f74c7]: release complete

+  Deploy complete!

Project Console: {firebase のリンク}
Hosting URL: {公開 URL}

이상!!!