firebase 배포하는 방법

2024. 9. 16. 00:02·Frontend
목차
  1. 🔗 참고 문서
  2. firebase cli 글로벌로 설치 & 로그인하기
  3. 프로젝트에 호스팅 init하기
  4. 프로젝트 build하기
  5. 프로젝트 Deploy하기
  6. hosting을 종료하고 싶을 때
✅ 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' 카테고리의 다른 글

구글 앱 비밀번호 생성하는 방법  (0) 2024.01.03
nvm 명령어  (1) 2023.12.22
yarn으로 패키지 설치할 때 .gitignore 작성법  (0) 2023.11.07
JSON Generator, 그 외 JSON 관련 유용한 사이트  (0) 2023.11.04
  1. 🔗 참고 문서
  2. firebase cli 글로벌로 설치 & 로그인하기
  3. 프로젝트에 호스팅 init하기
  4. 프로젝트 build하기
  5. 프로젝트 Deploy하기
  6. hosting을 종료하고 싶을 때
'Frontend' 카테고리의 다른 글
  • 구글 앱 비밀번호 생성하는 방법
  • nvm 명령어
  • yarn으로 패키지 설치할 때 .gitignore 작성법
  • JSON Generator, 그 외 JSON 관련 유용한 사이트
전예방
전예방
  • 전예방
    예방이의 개발일기
    전예방
  • 전체
    오늘
    어제
    • All (125)
      • Info & Tip (2)
      • 유용한 사이트들 (5)
      • Mark Up & StyleSheet (23)
        • HTML (6)
        • CSS & SCSS (10)
        • 반응형 (6)
      • Frontend (66)
        • 전체 (10)
        • JavaScript & Jquery (18)
        • TypeScript (0)
        • React (26)
        • Next.js (3)
        • 성능최적화 (2)
        • 웹접근성 (2)
      • Backend (13)
        • Python (1)
        • JAVA (2)
        • node.js (0)
        • PHP (7)
        • 패키지매니저 (3)
      • Markdown (0)
      • SCM (1)
        • Git&Github (1)
        • SVN (0)
      • IDE (4)
        • VSCode (2)
        • IntelliJ (1)
        • Ecplise (1)
      • 취미생활 (3)
      • 정보처리기사 (2)
      • 코딩자율학습단 (5)
        • 12기 (파이썬) (5)
  • 블로그 메뉴

    • 홈
    • 태그
  • 링크

    • velog
    • github
  • 공지사항

  • 인기 글

  • 태그

    Admin
    코딩자율학습
    Python
    리액트
    yarn berry
    파이썬
    나도코딩
    php
    TypeScript
    React Swiper
    코딩자율학습단
    반응형
    Chart.js
    회원가입
    NPM
    CSS
    swiper.js
    react
    frontend
    관리자 페이지
  • 최근 댓글

  • 최근 글

  • 반응형
  • hELLO· Designed By정상우.v4.10.3
전예방
firebase 배포하는 방법

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.