Firebase Studio는 여러 가지 게시 옵션을 제공하므로 프로젝트 니즈에 가장 적합한 방법을 선택할 수 있습니다. 다음에서는 사용 가능한 옵션을 간략하게 설명합니다.
Firebase App Hosting: 동적 Next.js 및 Angular 애플리케이션 게시에 적합한 App Hosting은 기본 제공 프레임워크 지원, GitHub 통합, Firebase Authentication, Cloud Firestore, Vertex AI in Firebase와 같은 다른 Firebase 제품과의 통합을 제공합니다.
App Prototyping agent로 Next.js 앱을 개발한 경우 클릭 몇 번만으로 Firebase Studio에서 직접 게시할 수 있습니다.
Firebase Hosting: 웹 앱, 정적 웹 콘텐츠(HTML, CSS, JavaScript, 이미지, 기타 정적 애셋), 단일 페이지 앱을 호스팅하는 데 적합합니다. Firebase Hosting은 전역 CDN, 무료 SSL 인증서, 커스텀 도메인 지원을 통해 콘텐츠를 빠르게 전송합니다.
Cloud Run: Cloud Run을 사용하여 컨테이너화된 애플리케이션을 배포합니다. 모든 플랫폼에서 실행될 수 있는 확장 가능하고 이식 가능한 애플리케이션을 게시하는 데 적합합니다.
기타 배포 옵션: 다른 플랫폼이나 자체 서버를 포함하여 원하는 호스팅 솔루션에 배포합니다.
Firebase App Hosting으로 앱 게시 및 모니터링
App Prototyping agent로 앱을 만들면 Firebase Studio에서 직접 Firebase App Hosting에 게시할 수 있습니다.
App Hosting으로 앱 게시
App Hosting을 설정하면 Firebase Studio에서 자동으로 Firebase 프로젝트를 만들고 Cloud Billing 계정 연결 단계를 안내합니다.
앱을 Firebase App Hosting에 게시하려면 다음 안내를 따르세요.
게시를 클릭하여 새 Firebase 프로젝트를 만들고 App Hosting 설정을 시작합니다. 앱 게시 창이 표시됩니다.
Firebase 프로젝트 단계에서 자동으로 생성된 Firebase 프로젝트의 이름을 확인한 후 다음을 클릭합니다.
Cloud Billing 계정 연결 단계에서 다음 중 하나를 선택합니다.
Firebase 프로젝트에 연결할 Cloud Billing 계정을 선택합니다.
Cloud Billing 계정이 없거나 새 계정을 만들려면 Cloud Billing 계정 만들기를 클릭합니다. 그러면 Google Cloud 콘솔이 열리며 여기에서 새로운 셀프서비스 Cloud Billing 계정을 만들 수 있습니다. 계정을 만든 후 Firebase Studio로 돌아가 Cloud Billing 연결 목록에서 계정을 선택합니다.
다음을 클릭합니다. Firebase Studio는 결제 계정을 작업공간과 연결된 프로젝트에 연결합니다. 이 프로젝트는 Gemini API 키를 자동 생성했을 때 또는 게시를 클릭했을 때 생성됩니다. 그런 다음 App Hosting은 Google Cloud에서 앱의 완전 관리형 환경을 설정합니다.
첫 번째 출시 만들기를 클릭합니다. Firebase Studio에서 App Hosting 출시를 시작합니다. 이 작업을 완료하는 데 최대 10분이 걸릴 수 있습니다. 백그라운드에서 어떤 일이 일어나고 있는지 자세히 알아보려면 App Hosting 빌드 프로세스를 참조하세요.
출시가 완료되면 App Hosting 모니터링 가능성을 기반으로 하는 URL 및 앱 통계와 함께 앱 개요가 표시됩니다. Firebase에서 생성된 도메인 대신 커스텀 도메인(예: example.com 또는 app.example.com)을 사용하려면 Firebase Console에서 커스텀 도메인을 추가하면 됩니다.
App Hosting에 대한 자세한 내용은 App Hosting 및 작동 방식 이해를 참조하세요.
App Hosting 모니터링 가능성으로 앱 모니터링
App Hosting 앱 개요 패널에서는 앱에 대한 주요 측정항목과 정보를 제공하므로 App Hosting의 기본 제공 모니터링 도구를 사용하여 웹 앱 성능을 모니터링할 수 있습니다. 사이트가 출시되면 게시를 클릭하여 개요에 액세스할 수 있습니다. 이 패널에서 다음을 수행할 수 있습니다.
- 출시 만들기를 클릭하여 새 버전의 앱을 출시합니다.
- 앱 방문에서 앱 링크를 공유하거나 앱을 직접 엽니다.
- 요청 총개수와 최신 출시 상태를 포함하여 지난 7일 간의 앱 성능 요약을 검토합니다. 세부정보 보기를 클릭하여 Firebase Console에서 더 많은 정보에 액세스합니다.
- 지난 24시간 동안 앱에서 수신한 요청 수를 HTTP 상태 코드별로 분류한 그래프를 봅니다.
앱 개요 패널을 닫은 경우 언제든지 게시를 클릭하여 다시 열 수 있습니다.
출시 및 버전 관리에서 App Hosting 출시 관리 및 모니터링을 자세히 알아보세요.
App Hosting 사이트 롤백
앱의 연속 버전을 App Hosting에 배포한 경우 이전 버전 중 하나로 롤백할 수 있습니다. 삭제할 수도 있습니다.
게시된 사이트를 롤백하려면 다음 안내를 따르세요.
앱의 백엔드를 찾아 보기를 클릭한 후 출시를 클릭합니다.
롤백할 배포 옆에 있는 더보기 를 클릭한 후 이 빌드로 롤백을 선택하고 확인합니다.
출시 및 버전 관리에서 자세히 알아보세요.
웹에서 App Hosting 도메인을 삭제하려면 다음 안내를 따르세요.
Firebase Console에서 App Hosting을 열고 Firebase Studio 앱 섹션에서 보기를 클릭합니다.
백엔드 정보 섹션에서 관리를 클릭합니다. 도메인 페이지가 로드됩니다.
도메인 옆에 있는 더보기 를 클릭한 후 도메인 사용 중지를 선택하고 확인합니다.
이렇게 하면 웹에서 도메인이 삭제됩니다. App Hosting 백엔드를 완전히 삭제하려면 백엔드 삭제의 안내를 따르세요.
Firebase Hosting
Firebase Studio 작업공간에서 웹 앱을 Firebase Hosting에 게시할 수 있습니다. 웹 앱을 Firebase Hosting에 게시하기 전에 Firebase 프로젝트를 만들고 앱을 등록합니다.
필요한 Firebase 프로젝트 권한이 없으면 Firebase 프로젝트 소유자에게 Firebase Console 사용자 및 권한 페이지에서 관련 역할을 할당해 달라고 요청할 수 있습니다. 소유자 찾기 또는 할당을 포함하여 Firebase 프로젝트에 액세스하는 방법에 대해 궁금한 점이 있으면 Firebase 프로젝트의 권한 및 액세스를 참조하세요.
Firebase Studio에서 앱을 Firebase Hosting에 배포하려면 다음 안내를 따르세요.
Firebase Studio 작업공간을 엽니다. App Prototyping agent를 사용하는 경우
코드로 전환을 클릭하여 Code 뷰를 엽니다.탐색 창에서 Firebase Studio 아이콘을 클릭하여 Firebase Studio 패널을 열고 Firebase Hosting 섹션을 펼칩니다.
Firebase 인증을 클릭하고 터미널 창의 프롬프트를 따라 Firebase 계정을 인증합니다.
Firebase Hosting 초기화를 클릭하고 터미널 창의 프롬프트를 따라 배포 구성을 설정합니다.
앱을 배포하려면 Firebase Studio 패널의 Firebase Hosting 섹션에서 프로덕션에 배포 또는 채널에 배포를 클릭합니다.
Cloud Run
Cloud Run을 사용하여 배포하기 전에 Google Cloud 프로젝트를 설정하고 Cloud Billing을 사용 설정해야 합니다.
Firebase Studio 작업공간을 엽니다. App Prototyping agent를 사용하는 경우
코드로 전환을 클릭하여 Code 뷰를 엽니다.탐색 창에서 Firebase Studio 아이콘을 클릭하여 Firebase Studio 패널을 열고 Cloud Run에 배포를 클릭합니다.
이 작업공간에서 내 Google 계정을 사용하여 Google Cloud 리소스에 액세스하도록 허용을 선택한 후 대화상자 창에서 결제가 사용 설정된 Google Cloud 프로젝트를 선택합니다.
Firebase Studio 패널의 Cloud Run 섹션에서 인증을 클릭하고 프롬프트를 따라 인증합니다.
배포를 클릭한 후 프롬프트를 따라 배포 구성을 설정하고 앱을 배포합니다.