Firebase 호스팅 시작하기

Firebase Hosting은 HTML, CSS, JavaScript, 미디어 파일과 같은 앱의 정적 애셋을 호스팅할 뿐만 아니라 동적 콘텐츠를 제공하고 마이크로서비스를 호스팅하는 빠르고 안전하며 신뢰성 높은 방식을 제공합니다.

Google의 프로덕션 등급 호스팅은 글로벌 콘텐츠 전송 네트워크(CDN)를 기반으로 합니다. Hosting은 기본적으로 SSL을 통해 콘텐츠를 제공하며 자체 커스텀 도메인이나 web.appfirebaseapp.com의 프로젝트 하위 도메인에서 무료로 이용할 수 있습니다.

시작하기 전에

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

1단계: Firebase CLI 설치

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

2단계: 프로젝트 초기화

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

firebase init hosting

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

  1. 로컬 프로젝트 디렉터리에 연결할 Firebase 프로젝트를 선택합니다.

    선택한 Firebase 프로젝트는 로컬 프로젝트 디렉터리의 '기본' Firebase 프로젝트입니다. 로컬 프로젝트 디렉터리에 Firebase 프로젝트를 추가로 연결하려면 프로젝트 별칭을 설정합니다.

  2. 공개용 루트 디렉터리로 사용할 디렉터리를 지정합니다.

    이 디렉터리에는 index.html 파일 및 Firebase Hosting에 배포할 기타 애셋 등 공개적으로 제공되는 모든 정적 파일이 포함되어 있습니다.

    • 공개용 루트 디렉터리의 기본값은 public입니다.

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

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

    • 공개용 루트 디렉터리에 올바른 index.html 파일 또는 404.html 파일이 아직 없으면 Firebase가 자동으로 생성합니다.

  3. 사이트 구성을 선택합니다.

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

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

  • 프로젝트 구성이 나열되어 있는 firebase.json 구성 파일입니다. 이 파일의 자세한 내용은 호스팅 동작 구성 페이지를 참조하세요.

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

3단계: 사이트에 배포

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

firebase deploy --only hosting

이 명령어는 Hosting 콘텐츠 및 구성을 Firebase로 프로비저닝된 다음과 같은 하위 도메인에 배포합니다.

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

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

다음 단계

이제 전 세계 어디에서나 이 사이트를 이용할 수 있습니다.