[클라우딩 어플리케이션 엔지니어링 TIL] 240222 - Firebase로 프로젝트 배포하기

Intro

---

오늘은 Firebase에 프로젝트를 간단하게 배포하는 방법에 대해 학습했다.

node v16에서 firebase-tools를 설치하고 firebase를 실행했는데 v16버전에선 사용할 수 없다는 오류가 났다.

현재 lts 버전으로 20.11.1인데 나는 한참 낮은 버전을 쓰고 있었다. 😅

 

 

 

오늘 학습한 내용

---

Firebase로 프로젝트 배포하기

Firebase | Google’s Mobile and Web App Development Platform

 

• Firebase 페이지에서 로그인 후, 프로젝트 추가

 

• 생성한 프로젝트 페이지에서 호스팅 페이지로 이동 (firebase 설치, 실행 방법을 확인하고 그대로 진행)

 

• 터미널로 firebase 설치하기

$ npm install -g firebase-tools

 

• 프로젝트 초기화

터미널에서 현재 웹앱의 위치로 이동해 로그인과 초기화를 진행

$ firebase login
$ firebase init

 

Which Firebase features do you want to set up for this directory?

: firebase init 설정에서 Hosting 기능을 사용하기 위해 'Hosting: Set up GitHub Action deploys'를 선택한다.

 

What do you want to use as your public directory?

: 호스팅 시 접근할 공개 폴더가 build이므로 'build' 입력 후 엔터

 

호스팅 설정이 끝나면 firebase.json, .firebaserc 2개의 파일이 생성된다.

 

• firebase.json: 호스팅 구성을 정의

{
  "hosting": {
    "site": "site-name",
    "public": "build",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

 

• .firebaserc: 배포 대상 프로젝트 정의

{
  "projects": {
    "default": "hosting-name"
  }
}

 

• firebase 호스팅에 배포

$ npm run build
$ firebase deploy

 

 

 

 

 

마무리

---

프로젝트를 배포하는 것까지 배우니까 얼른 새로운 웹 사이트를 만들어보고 싶어졌다. ㅎㅎ