Firebase hosting 웹 배포하기
카테고리: Firebase, 작성:Table of contents
firebase 프로젝트 만들기
먼저 firebase console 에 접속여, 프로젝트를 추가합니다.
![](/assets/images/posts/021/20230621131724.png)
프로젝트 이름을 정해줍니다.
![](/assets/images/posts/021/20230621132142.png)
애널리틱스는 추후 연결해보겠습니다.
![](/assets/images/posts/021/20230621132206.png)
프로젝트를 생성중이라는 화면이 나옵니다.
![](/assets/images/posts/021/20230621132235.png)
최종 완료되면 그림과 같이 프로젝트가 생성됩니다.
![](/assets/images/posts/021/20230621132359.png)
firebase hosting 생성 및 로컬 환경 구축
좌측 메뉴에서 Hosting 을 선택하여 호스팅 서비스를 시작해보겠습니다.
![](/assets/images/posts/021/20230621132430.png)
호스팅을 만들 때, 로컬에서 firebase CLI 설치에 관한 안내가 나오는데, 해당 문서 등을 참고하시어 로컬환경에 firebase CLI 환경을 만들어야 합니다.
firebase sdk를 추가하는 단계는 포함하지 않고, 추후에 해보겠습니다.
![](/assets/images/posts/021/20230621132603.png)
웹상의 firebase console 에서의 프로젝트 및 호스팅 서비스 생성과 함께 로컬(localhost)에서도 프로젝트 구축을 해주어야 합니다.
![](/assets/images/posts/021/20230621132736.png)
위에 안내된 것과 같이 firebase login 과 firebase init 명령을 차례로 수행해줍니다.
firebase 로컬 환경 구축은 다음 문서를 참고해주세요. 문서 바로가기
아래는 firebase deploy 의 결과입니다. 중간 중간 나오는 질문의 답을 참고하시면 됩니다.
![](/assets/images/posts/021/20230621133532.png)
※ Which firebase features ~~ : Hosting 만 선택
※ Please select an option : Use an existing project 선택
※ Select a default firebase project : 웹에서 생성한 프로젝트명 선택
※ what do you want to use as your public directory? : public 선택
※ Configure as a single-page app? : Yes 선택
※ Set up automatic builds ~~ (Github 연동)? : No 선택
위처럼 세팅이 완료되고 나면, firebase deploy 명령을 수행한다.
배포된 사이트는 디폴트 코드와 함께 만들어지고, https://ahnslab-fb.web.app/ 와 같이 깔끔한 도메인으로 배포된다.
![](/assets/images/posts/021/20230621134107.png)
※ 'Firebase' 카테고리의 다른 글