웹 프레임워크와 호스팅 통합

Firebase 호스팅은 Angular와 Next.js 등 널리 사용되는 최신 웹 프레임워크와 통합됩니다. 이러한 프레임워크와 함께 Firebase 호스팅 및 Firebase용 Cloud Functions를 사용하면 원하는 프레임워크 환경에서 앱과 마이크로서비스를 개발한 다음 관리되는 안전한 보안 서버 환경에 배포할 수 있습니다. 이 초기 미리보기 버전의 기간 동안 지원되는 기능은 다음과 같습니다.

  • 정적 웹 콘텐츠로 구성된 웹 앱 배포
  • 사전 렌더링/정적 사이트 생성(SSG)을 사용하는 웹 앱 배포
  • 서버 측 렌더링(SSR)을 사용하는 웹 앱 배포 - 주문형 전체 서버 렌더링

Firebase는 Firebase CLI를 통해 이 기능을 제공합니다. 명령줄에서 호스팅을 초기화할 때 신규 또는 기존 웹 프로젝트에 대한 정보를 제공하면 CLI가 선택한 웹 프레임워크에 적합한 리소스를 설정합니다.

기본 요건

  • Firebase CLI 버전 11.14.2 이상. 선호하는 방법으로 CLI를 설치하세요.
  • 선택사항: Firebase 프로젝트에서 결제 사용 설정(SSR을 사용하려는 경우는 필수)

로컬에 제공

다음 단계에 따라 로컬에서 통합을 테스트할 수 있습니다.

  1. 터미널에서 firebase emulators:start를 실행합니다. 그러면 앱이 빌드되고 Firebase CLI를 사용하여 제공됩니다.
  2. CLI에서 반환된 로컬 URL(일반적으로 http://localhost:5000)에서 웹 앱을 엽니다.

Firebase 호스팅에 앱 배포

변경사항을 전 세계와 공유할 준비가 되면 앱을 실제 사이트에 배포합니다.

  1. 터미널에서 firebase deploy를 실행합니다.
  2. (SITE_ID.web.app 또는 PROJECT_ID.web.app)(또는 설정한 경우 커스텀 도메인)에서 웹사이트를 확인합니다.

다음 단계

원하는 프레임워크에 대한 자세한 가이드를 참조하세요.