Firebase Hosting은 Angular 및 Next.js를 비롯한 널리 사용되는 최신 웹 프레임워크와 통합됩니다. 이러한 프레임워크와 함께 Firebase Hosting 및 Cloud Functions for Firebase를 사용하면 원하는 프레임워크 환경에서 앱과 마이크로서비스를 개발한 다음 안전하게 관리되는 보안 서버 환경에 배포할 수 있습니다.
이 초기 프리뷰 버전을 이용할 수 있는 기간 동안 지원되는 기능은 다음과 같습니다.
- 정적 웹 콘텐츠로 구성된 웹 앱 배포
- 사전 렌더링/정적 사이트 생성(SSG)을 사용하는 웹 앱 배포
- 서버 측 렌더링(SSR)을 사용하는 웹 앱 배포 - 주문형 전체 서버 렌더링
Firebase는 Firebase CLI를 통해 이 기능을 제공합니다. 명령줄에서 Hosting을 초기화할 때 신규 또는 기존 웹 프로젝트에 대한 정보를 제공하면 CLI가 선택한 웹 프레임워크에 적합한 리소스를 설정합니다.
시작하기 전에
Firebase에 앱을 배포하기 전에 다음 요구사항 및 옵션을 검토하세요.
- Firebase CLI 버전 12.1.0 이상. 선호하는 방법으로 CLI를 설치하세요.
- 선택사항: Firebase 프로젝트에서 결제 사용 설정(SSR을 사용하려는 경우는 필수)
로컬에 제공
다음 단계에 따라 로컬에서 통합을 테스트할 수 있습니다.
- 터미널에서
firebase emulators:start를 실행합니다. 그러면 앱이 빌드되고 Firebase CLI를 사용하여 제공됩니다. - CLI에서 반환된 로컬 URL(일반적으로 http://localhost:5000)에서 웹 앱을 엽니다.
Firebase Hosting에 앱 배포
변경사항을 전 세계와 공유할 준비가 되면 앱을 실제 사이트에 배포합니다.
- 터미널에서
firebase deploy를 실행합니다. - (
SITE_ID.web.app또는PROJECT_ID.web.app)(또는 설정한 경우 커스텀 도메인)에서 웹사이트를 확인합니다.
다양한 환경 구성
스테이징, 프로덕션 등 다양한 프로젝트 환경에 여러 환경 변수 세트를 배포할 수 있습니다.
Firebase용 Cloud Functions와 마찬가지로 이 도구는 .env 파일에 지정된 환경 변수를 로드하는 데 사용되는 dotenv 파일 형식을 지원합니다.
staging프로젝트 별칭이 있는 경우.env.staging파일에서 환경 변수를 배포할 수 있습니다.production프로젝트 별칭이 있는 경우.env.production파일에서 환경 변수를 배포할 수 있습니다.- ID가
PROJECT_ID인 프로젝트가 있는 경우.env.PROJECT_ID파일에서 환경 변수를 배포할 수 있습니다.
자세한 가이드는 Cloud Functions 문서를 참조하세요.
다음 단계
원하는 프레임워크에 대한 자세한 가이드를 참조하세요.