Firebase 호스팅은 앱의 정적 자산(HTML, CSS, 자바스크립트, 미디어 파일 등)을 호스팅하고 동적 콘텐츠를 제공하고 마이크로서비스 를 호스팅할 수 있는 빠르고 안전하며 안정적인 방법을 제공합니다.
당사의 프로덕션급 호스팅은 글로벌 콘텐츠 전송 네트워크(CDN)의 지원을 받습니다. 호스팅은 기본적으로 SSL을 통해 콘텐츠를 제공하며 web.app
및 firebaseapp.com
에서 무료로 자체 맞춤 도메인 또는 프로젝트의 하위 도메인과 함께 사용할 수 있습니다.
시작하기 전에
Firebase 호스팅을 설정하려면 먼저 Firebase 프로젝트를 만들어야 합니다 .
1단계 : Firebase CLI 설치
CLI를 설치 하거나 최신 버전으로 업데이트 하는 방법을 알아보려면 Firebase CLI 설명서를 참조하세요.
2단계 : 프로젝트 초기화
로컬 프로젝트 파일을 Firebase 프로젝트에 연결하려면 로컬 프로젝트 디렉터리의 루트에서 다음 명령을 실행합니다.
firebase init hosting
프로젝트 초기화 중에 Firebase CLI 프롬프트에서 다음을 수행합니다.
로컬 프로젝트 디렉터리에 연결할 Firebase 프로젝트를 선택합니다.
선택한 Firebase 프로젝트는 로컬 프로젝트 디렉터리의 '기본' Firebase 프로젝트입니다. 추가 Firebase 프로젝트를 로컬 프로젝트 디렉터리에 연결하려면 프로젝트 별칭 을 설정하세요.
공용 루트 디렉터리로 사용할 디렉터리를 지정합니다.
이 디렉터리에는
index.html
파일 및 Firebase 호스팅에 배포하려는 기타 자산을 포함하여 공개적으로 제공되는 모든 정적 파일이 포함됩니다.공용 루트 디렉토리의 기본값은
public
입니다.공개 루트 디렉터리를 지금 지정하거나 나중에
firebase.json
구성 파일에서 지정할 수 있습니다.기본값을 선택하고 아직
public
이라는 디렉터리가 없는 경우 Firebase에서 자동으로 생성합니다.
공개 루트 디렉터리에 유효한
index.html
파일 또는404.html
파일이 아직 없으면 Firebase에서 자동으로 생성합니다.
사이트 구성을 선택하십시오.
한 페이지 앱을 만들기로 선택하면 Firebase가 자동으로 재작성 구성 을 추가합니다.
초기화가 끝나면 Firebase는 자동으로 두 개의 파일을 생성하여 로컬 앱 디렉터리의 루트에 추가합니다.
프로젝트 구성을 나열하는
firebase.json
구성 파일. 호스팅 동작 구성 페이지에서 이 파일에 대해 자세히 알아보세요.프로젝트 별칭 을 저장하는
.firebaserc
파일.
3단계 : 사이트에 배포
사이트에 배포하려면 로컬 프로젝트 디렉터리의 루트에서 다음 명령을 실행합니다.
firebase deploy --only hosting
이 명령어는 호스팅 콘텐츠 및 구성을 다음 Firebase 프로비저닝 하위 도메인에 배포합니다.
-
PROJECT_ID .web.app
-
PROJECT_ID .firebaseapp.com
배포 및 사이트 로컬 테스트 에 대해 자세히 알아보십시오.
다음 단계
이제 사이트를 전 세계와 공유할 준비가 되었습니다!
사이트를 계속 개선하세요. 로컬에서 테스트하고 임시 미리보기 URL에서 변경 사항을 공유한 다음 라이브 사이트에 배포합니다. 이 단계별 가이드를 따르십시오.
추가 호스팅 기능에 대해 알아보십시오.
Firebase CLI 에 대한 전체 문서를 살펴보세요.
앱 실행 준비:
- Google Cloud Console에서 프로젝트에 대한 예산 알림 을 설정하세요.
- Firebase Console에서 사용량 및 결제 대시보드 를 모니터링하여 여러 Firebase 서비스에서 프로젝트 사용량을 전체적으로 파악하세요. 더 자세한 사용 정보를 보려면 호스팅 사용 대시보드 를 방문할 수도 있습니다.
- Firebase 출시 체크리스트 를 검토하세요.