Firebase

[Firebase] 호스팅 생성 및 웹 배포하기

쩡선영 2023. 11. 17. 20:41

프로젝트 생성

https://firebase.google.com/?hl=ko

 

Firebase | Google’s Mobile and Web App Development Platform

개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.

firebase.google.com

위의 링크로 들어가셔서 로그인하신 뒤, 시작하기 버튼을 눌러주세요

 

프로젝트 추가 선택합니다.

 

프로젝트 이름을 입력하시고 계속을 눌러주세요

 

애널리틱스 사용 설정을 허용해주시고, 계속을 눌러줍니다.

자신의 계정을 선택하시고 프로젝트 만들기를 선택합니다.

 

 

호스팅 생성하기

npm install -g firebase-tools

터미널에 들어가셔서 위의 명령어를 입력합니다.

그러면 자동적으로 npm이 firebase CLI를 설치해줍니다. 

-g는 global의 약자로, 전역에 설치를 해준다는 것을 뜻합니다.

 

firebase login

그 후 firebase에 로그인을 해줍니다.

어떤 질문이 나올텐데 Y라고 입력해주시면 됩니다.

 

그러면 이렇게 자신의 구글계정이 나올텐데, 로그인을 해줍니다.

 

허용을 선택해주시면 끝!

 

 

다시 터미널로 돌아오면 Success! Logged in as [이메일]이 있으면 성공하신 겁니다:)

 

Firebase Init

firebase init

그 후 배포할 폴더가 있는 곳으로 가서 firebase init를 입력해주세요

 

중간에 Are you ready to proceed? 질문이 나오면 Y를 입력해주세요

 

방향키로 Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys로 가주시고 Space를 눌러서 선택한 뒤, Enter를 누르세요!

 

그 후 Use an existing project를 선택한 뒤 Enter를 누르면

 

자신이 만든 프로젝트를 선택하고, Enter을 누릅니다

그 후 Public -> N -> N을 입력해주세요!

 

배포하기

아까 firebase init 해줬던 폴더에 들어가보면 public 파일이 보일겁니다!

public폴더에 자신이 작업한 것을 넣고

 

firebase deploy

다시 터미널로 돌아가 firebase deploy를 입력해주세요!

 

그러면 이렇게 호스팅 된 URL이 뜰 거에요

 

호스팅 완료된 URL로 들어가면 자신이 했던 프로젝트가 보일 겁니다!

 

만약 재배포를 하고싶다면

firebase deploy를 다시 입력해주면 끝입니다!