Catch up on everthing we announced at this year's Firebase Summit. Learn more

Firebase 호스팅

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

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

시작하기

주요 기능

보안 연결로 콘텐츠 제공 오늘날의 웹에서 가장 중요한 과제는 바로 보안입니다. Firebase 호스팅은 별도의 구성 없이 SSL을 기본적으로 제공하여 콘텐츠를 항상 안전하게 전송합니다.
정적 및 동적 콘텐츠와 마이크로서비스 호스팅 Firebase 호스팅은 CSS 및 HTML 파일부터 Express.js 마이크로서비스 또는 API까지 모든 종류의 콘텐츠를 호스팅할 수 있도록 지원합니다.
빠른 콘텐츠 전송 업로드하는 각 파일이 전 세계 CDN 에지의 SSD에 캐싱되고 gzip 또는 Brotli로 제공됩니다. 콘텐츠에 가장 적합한 압축 방법이 자동으로 선택되며 사용자가 어디에 있든 빠르게 콘텐츠가 전송됩니다.
라이브로 전환 전 변경사항 에뮬레이션 및 공유

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

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

명령어 하나로 새 버전 배포

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

배포를 취소해야 할 경우에도 Firebase 호스팅에서 클릭 한 번으로 롤백할 수 있습니다.

작동 원리

Firebase 호스팅은 최신 웹 개발자를 위해 개발되었습니다. Angular 등의 프런트엔드 자바스크립트 프레임워크 및 Jekyll 등의 정적 생성기 도구가 부상하면서 웹사이트 및 앱의 기능이 점점 강력해지고 있습니다. 간단한 앱 방문 페이지를 배포하든 복잡한 프로그레시브 웹 앱(PWA)을 배포하든 Firebase 호스팅은 웹사이트 및 앱을 배포하고 관리하는 데 특화된 인프라, 기능, 도구를 제공합니다.

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

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

Firebase 호스팅은 정교한 PWA를 빌드할 수 있는 간단한 호스팅 구성 옵션을 제공합니다. 클라이언트 측 라우팅용 URL을 간단하게 재작성하고 커스텀 헤더를 설정하며 현지화된 콘텐츠를 제공할 수도 있습니다.

Firebase에는 콘텐츠를 제공할 수 있는 여러 도메인과 하위 도메인 옵션이 있습니다.

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

  • 서로 다른 콘텐츠를 제공하지만 같은 Firebase 프로젝트 리소스를 공유하는 관련 사이트와 앱이 있으면(예를 들어 블로그, 관리 패널, 공개 앱이 있는 경우) 여러 사이트를 만들 수 있습니다.

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

Firebase는 모든 도메인에 대한 SSL 인증서를 자동으로 프로비저닝하므로 모든 콘텐츠가 안전하게 제공됩니다.

구현 경로

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

정적 애셋을 로컬 프로젝트 디렉터리에 추가한 후 firebase init을 실행하여 Firebase 프로젝트에 디렉터리를 연결합니다.

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

라이브로 전환 전 변경사항 확인, 테스트, 공유(선택사항)

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

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

사이트 배포 준비가 끝났으면 firebase deploy를 실행하여 최신 스냅샷을 서버에 업로드합니다. 배포를 취소해야 하는 경우 Firebase Console에서 클릭 한 번으로 롤백할 수 있습니다.
Firebase 웹 앱에 연결(선택사항) 사이트를 Firebase 웹 앱에 연결하면 Google 애널리틱스를 사용하여 앱의 사용 및 동작 데이터를 수집하고 Firebase Performance Monitoring을 사용하여 앱의 성능 특성에 대한 통계를 얻을 수 있습니다.

다음 단계