Firebase 호스팅 시작하기

Firebase Hosting을(를) 사용하면 빠르고 안전하며 신뢰성 높은 앱의 정적 애셋 (HTML, CSS, JavaScript, 미디어 파일 등)과 동적 콘텐츠를 제공하고 마이크로서비스를 호스팅합니다.

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

시작하기 전에

Firebase Hosting을(를) 설정하기 전에 다음 작업을 완료해야 합니다. Firebase 프로젝트를 만듭니다.

1단계: Firebase CLI 설치

Firebase CLI 문서를 방문하여 다음을 수행하는 방법을 알아보세요. 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

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

다음 단계

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