Firebase Summit에서 발표된 모든 내용을 살펴보고 Firebase로 앱을 빠르게 개발하고 안심하고 앱을 실행하는 방법을 알아보세요. 자세히 알아보기

Firebase 호스팅 시작하기

Firebase 호스팅은 앱의 정적 자산(HTML, CSS, JavaScript, 미디어 파일 등)을 호스팅하고 동적 콘텐츠를 제공하고 마이크로서비스 를 호스팅하는 빠르고 안전하며 안정적인 방법을 제공합니다.

당사의 프로덕션 등급 호스팅은 글로벌 CDN(콘텐츠 전송 네트워크)의 지원을 받습니다. 호스팅은 기본적으로 SSL을 통해 콘텐츠를 제공하며 web.appfirebaseapp.com 에서 자체 사용자 정의 도메인 또는 프로젝트의 하위 도메인에서 무료로 사용할 수 있습니다.

시작하기 전에

Firebase 호스팅을 설정하려면 먼저 Firebase 프로젝트를 만들어야 합니다 .

1단계 : Firebase CLI 설치

CLI를 설치 하거나 최신 버전으로 업데이트 하는 방법을 알아보려면 Firebase CLI 문서를 방문하세요.

2단계 : 프로젝트 초기화

로컬 프로젝트 파일을 Firebase 프로젝트에 연결하려면 로컬 프로젝트 디렉토리의 루트에서 다음 명령어를 실행하세요.

firebase init hosting

프로젝트 초기화 중에 Firebase CLI 프롬프트에서 다음을 수행합니다.

  1. 로컬 프로젝트 디렉토리에 연결할 Firebase 프로젝트를 선택하세요.

    선택한 Firebase 프로젝트는 로컬 프로젝트 디렉토리에 대한 "기본" Firebase 프로젝트입니다. 추가 Firebase 프로젝트를 로컬 프로젝트 디렉토리에 연결하려면 프로젝트 별칭 을 설정하세요.

  2. 공용 루트 디렉토리로 사용할 디렉토리를 지정하십시오.

    이 디렉토리에는 index.html 파일과 Firebase 호스팅에 배포하려는 기타 자산을 포함하여 공개적으로 제공되는 모든 정적 파일이 포함되어 있습니다.

    • 공용 루트 디렉토리의 기본값은 public 이라고 합니다.

      • 지금 공개 루트 디렉토리를 지정하거나 나중에 firebase.json 구성 파일에서 지정할 수 있습니다.

      • 기본값을 선택하고 아직 public 이라는 디렉토리가 없으면 Firebase에서 자동으로 생성합니다.

    • 공개 루트 디렉토리에 유효한 index.html 파일 또는 404.html 파일이 아직 없으면 Firebase에서 자동으로 생성합니다.

  3. 사이트에 대한 구성을 선택하십시오.

    한 페이지 앱을 만들기로 선택하면 Firebase에서 자동으로 재작성 구성 을 추가합니다.

초기화가 끝나면 Firebase는 자동으로 두 개의 파일을 생성하여 로컬 앱 디렉토리의 루트에 추가합니다.

  • 프로젝트 구성을 나열하는 firebase.json 구성 파일입니다. 호스팅 동작 구성 페이지에서 이 파일에 대해 자세히 알아보세요.

  • 프로젝트 별칭 을 저장하는 .firebaserc 파일입니다.

3단계 : 사이트에 배포

사이트에 배포하려면 로컬 프로젝트 디렉터리의 루트에서 다음 명령을 실행합니다.

firebase deploy --only hosting

이 명령어는 다음 Firebase 프로비저닝 하위 도메인에 호스팅 콘텐츠 및 구성을 배포합니다.

  • PROJECT_ID .web.app
  • PROJECT_ID .firebaseapp.com

사이트 배포 및 로컬 테스트 에 대해 자세히 알아보세요.

다음 단계

이제 귀하의 사이트는 전 세계와 공유할 준비가 되었습니다!