Firebase Summit에서 발표된 모든 내용을 살펴보고 Firebase로 앱을 빠르게 개발하고 안심하고 앱을 실행하는 방법을 알아보세요. 자세히 알아보기
컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

Firebase 호스팅

Firebase 호스팅은 웹 앱, 정적 및 동적 콘텐츠, 마이크로서비스를 위한 빠르고 안전한 호스팅을 제공합니다.

Firebase 호스팅은 개발자를 위한 프로덕션 수준의 웹 콘텐츠 호스팅입니다. 단일 명령으로 웹 앱을 빠르게 배포하고 정적 및 동적 콘텐츠를 글로벌 CDN(콘텐츠 전달 네트워크)에 제공할 수 있습니다. Firebase 호스팅을 Cloud Functions 또는 Cloud Run과 페어링 하여 Firebase에서 마이크로서비스를 빌드하고 호스팅할 수도 있습니다.

시작하다

주요 기능

보안 연결을 통해 콘텐츠 제공 현대 웹은 안전합니다. 구성이 필요 없는 SSL이 Firebase 호스팅에 내장되어 있으므로 콘텐츠가 항상 안전하게 전달됩니다.
정적 및 동적 콘텐츠와 마이크로서비스 호스팅 Firebase 호스팅은 CSS 및 HTML 파일에서 Express.js 마이크로서비스 또는 API에 이르기까지 모든 종류의 호스팅 콘텐츠를 지원합니다.
콘텐츠를 빠르게 제공 업로드하는 각 파일은 전 세계 CDN 에지의 SSD에 캐시되고 gzip 또는 Brotli로 제공됩니다. 콘텐츠에 가장 적합한 압축 방법을 자동으로 선택합니다. 사용자가 어디에 있든 콘텐츠는 빠르게 전달됩니다.
라이브로 전환하기 전에 변경 사항을 에뮬레이트하고 공유할 수도 있습니다.

로컬로 호스팅된 URL에서 변경 사항을 보고 테스트하고 에뮬레이트된 백엔드와 상호 작용합니다.

임시 미리보기 URL을 사용하여 팀원들과 변경 사항을 공유하세요. 호스팅은 또한 미리보기 콘텐츠를 쉽게 반복할 수 있도록 GitHub 통합 을 제공합니다.

하나의 명령으로 새 버전 배포

Firebase CLI를 사용하면 몇 초 만에 앱을 시작하고 실행할 수 있습니다. 명령줄 도구를 사용하면 구축 프로세스에 배포 대상을 쉽게 추가할 수 있습니다.

배포를 취소해야 하는 경우 호스팅은 원클릭 롤백을 제공합니다.

어떻게 작동합니까?

Firebase 호스팅은 현대 웹 개발자를 위해 제작되었습니다. 웹사이트와 앱은 Angular와 같은 프론트엔드 JavaScript 프레임워크와 Jekyll과 같은 정적 생성 도구의 등장으로 그 어느 때보다 강력해졌습니다. 간단한 앱 랜딩 페이지를 배포하든 복잡한 PWA(프로그레시브 웹 앱)를 배포하든 호스팅은 웹사이트 및 앱 배포 및 관리에 적합한 인프라, 기능 및 도구를 제공합니다.

Firebase CLI 를 사용하여 컴퓨터의 로컬 디렉토리에서 호스팅 서버로 파일을 배포합니다. 정적 콘텐츠를 제공하는 것 외에도 Firebase 또는 Cloud Run용 Cloud Functions를 사용하여 사이트에서 동적 콘텐츠를 제공하고 마이크로서비스를 호스팅 할 수 있습니다. 모든 콘텐츠는 글로벌 CDN에서 가장 가까운 에지 서버에서 SSL 연결을 통해 제공됩니다.

또한 라이브로 전환하기 전에 변경 사항을 확인하고 테스트할 수 있습니다. Firebase 로컬 에뮬레이터 제품군을 사용하면 로컬에서 호스팅되는 URL에서 앱과 백엔드 리소스를 에뮬레이션할 수 있습니다. 또한 임시 미리 보기 URL에서 변경 사항을 공유하고 개발 중에 쉽게 반복할 수 있도록 GitHub 통합 을 설정할 수 있습니다.

Firebase 호스팅에는 정교한 PWA를 구축할 수 있는 경량 호스팅 구성 옵션 이 있습니다. 클라이언트 측 라우팅을 위한 URL을 쉽게 다시 작성하고, 사용자 정의 헤더를 설정하고, 현지화된 콘텐츠를 제공할 수도 있습니다.

콘텐츠 제공을 위해 Firebase는 여러 도메인 및 하위 도메인 옵션을 제공합니다.

  • 기본적으로 모든 firebaseapp.com 프로젝트에는 web.app 및 firebaseapp.com 도메인에 무료로 하위 도메인이 있습니다. 이 두 사이트는 배포된 동일한 콘텐츠 및 구성을 제공합니다.

  • 다른 콘텐츠를 제공하지만 여전히 동일한 Firebase 프로젝트 리소스를 공유하는 관련 사이트 및 앱이 있는 경우(예: 블로그, 관리자 패널, 공개 앱이 있는 경우) 여러 사이트를 만들 수 있습니다.

  • Firebase 호스팅 사이트에 자신의 도메인 이름을 연결할 수 있습니다.

Firebase는 모든 콘텐츠가 안전하게 제공될 수 있도록 모든 도메인에 SSL 인증서를 자동으로 프로비저닝합니다.

구현 경로

Firebase CLI 설치 Firebase CLI 를 사용하면 새 호스팅 프로젝트를 쉽게 설정하고, 로컬 개발 서버를 실행하고, 콘텐츠를 배포할 수 있습니다.
프로젝트 디렉토리 설정

정적 자산을 로컬 프로젝트 디렉토리에 추가한 다음 firebase init 를 실행하여 디렉토리를 Firebase 프로젝트에 연결합니다.

로컬 프로젝트 디렉터리에서 동적 콘텐츠 및 마이크로서비스 에 대해 Cloud Functions 또는 Cloud Run을 설정할 수도 있습니다.

라이브로 전환하기 전에 변경 사항 보기, 테스트 및 공유 (선택 사항)

firebase emulators:start 를 실행하여 로컬에서 호스팅되는 URL에서 호스팅 및 백엔드 프로젝트 리소스를 에뮬레이트합니다.

임시 미리보기 URL에서 변경사항을 보고 공유하려면 firebase hosting:channel:deploy 를 실행하여 미리보기 채널을 만들고 배포하세요. 미리보기 콘텐츠를 쉽게 반복할 수 있도록 GitHub 통합 을 설정합니다.

사이트 배포 상황이 좋아지면 firebase deploy 를 실행하여 최신 스냅샷을 서버에 업로드하세요. 배포를 취소해야 하는 경우 Firebase 콘솔에서 클릭 한 번으로 롤백할 수 있습니다.
Firebase 웹 앱에 연결 (선택 사항) 사이트를 Firebase 웹 앱 에 연결하면 Google 애널리틱스 를 사용하여 앱의 사용 및 행동 데이터를 수집하고 Firebase 성능 모니터링 을 사용하여 앱의 성능 특성에 대한 통찰력을 얻을 수 있습니다.

다음 단계