Firebase 스튜디오로 앱 게시

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에 앱을 게시하려면 다음 단계를 따르세요.

  1. 게시를 클릭하여 새 Firebase 프로젝트를 만들고 App Hosting 설정을 시작합니다. 앱 게시 창이 표시됩니다.

  2. Firebase 프로젝트 단계에서 자동으로 생성된 Firebase 프로젝트의 이름을 확인한 다음 다음을 클릭합니다.

  3. Cloud Billing 계정 연결 단계에서 다음 중 하나를 선택합니다.

    • Firebase 프로젝트에 연결할 Cloud Billing 계정을 선택합니다.

    • Cloud Billing 계정이 없거나 새 계정을 만들려면 Cloud Billing 계정 만들기를 클릭합니다. 그러면 Google Cloud 콘솔이 열리며 여기에서 새로운 셀프서비스 Cloud Billing 계정을 만들 수 있습니다. 계정을 만든 후 Firebase Studio로 돌아가 Cloud Billing 연결 목록에서 계정을 선택합니다.

  4. 다음을 클릭합니다. Firebase Studio는 결제 계정을 Workspace와 연결된 프로젝트에 연결합니다. 이 프로젝트는 Gemini API 키를 자동 생성했을 때 또는 게시를 클릭했을 때 생성됩니다. 그런 다음 App HostingGoogle Cloud에서 앱의 완전 관리형 환경을 설정합니다.

  5. 첫 번째 출시 만들기를 클릭합니다. Firebase StudioApp Hosting 출시를 시작합니다. 완료하는 데 최대 10분이 걸릴 수 있습니다. 백그라운드에서 어떤 일이 일어나고 있는지 자세히 알아보려면 App Hosting 빌드 프로세스를 참고하세요.

  6. 출시가 완료되면 App Hosting 관찰 가능성을 기반으로 하는 URL 및 앱 통계와 함께 앱 개요가 표시됩니다. Firebase에서 생성된 도메인 대신 커스텀 도메인(예: example.com 또는 app.example.com)을 사용하려면 Firebase Console에서 커스텀 도메인을 추가하면 됩니다.

App Hosting에 관한 자세한 내용은 App Hosting 및 작동 방식 이해를 참고하세요.

App Hosting 관찰 가능성으로 앱 모니터링

App Hosting 앱 개요 패널은 앱에 관한 주요 측정항목과 정보를 제공하므로 App Hosting의 내장 관측성 도구를 사용하여 웹 앱의 성능을 모니터링할 수 있습니다. 사이트가 출시되면 게시를 클릭하여 개요에 액세스할 수 있습니다. 이 패널에서 다음 작업을 할 수 있습니다.

  • 출시 만들기를 클릭하여 새 버전의 앱을 출시합니다.
  • 앱 방문에서 앱 링크를 공유하거나 앱을 직접 엽니다.
  • 총 요청 수 및 최신 출시 상태를 비롯하여 지난 7일 동안의 앱 실적 요약을 검토합니다. 세부정보 보기를 클릭하여 Firebase 콘솔에서 더 많은 정보에 액세스합니다.
  • 지난 24시간 동안 앱이 수신한 요청 수를 HTTP 상태 코드별로 분류한 그래프를 확인합니다.

앱 개요 패널을 닫은 경우 언제든지 게시를 클릭하여 다시 열 수 있습니다.

App Hosting 출시 관리 및 모니터링에 대한 자세한 내용은 출시 및 버전 관리를 참고하세요.

App Hosting 사이트 롤백

App Hosting에 앱의 연속 버전을 배포한 경우 이전 버전 중 하나로 롤백할 수 있습니다. 삭제할 수도 있습니다.

  • 게시된 사이트를 롤백하려면 다음 단계를 따르세요.

    1. Firebase 콘솔에서 App Hosting를 엽니다.

    2. 앱의 백엔드를 찾아 보기를 클릭한 다음 출시를 클릭합니다.

    3. 롤백할 배포 옆에 있는 더보기 를 클릭한 다음 이 빌드로 롤백을 선택하고 확인합니다.

    출시 및 버전 관리에서 자세히 알아보세요.

  • 웹에서 App Hosting 도메인을 삭제하려면 다음 단계를 따르세요.

    1. Firebase 콘솔에서 App Hosting를 열고 Firebase Studio 앱 섹션에서 보기를 클릭합니다.

    2. 백엔드 정보 섹션에서 관리를 클릭합니다. 도메인 페이지가 로드됩니다.

    3. 도메인 옆에 있는 더보기 를 클릭한 다음 도메인 사용 중지를 선택하고 확인합니다.

    이렇게 하면 웹에서 도메인이 삭제됩니다. App Hosting 백엔드를 완전히 삭제하려면 백엔드 삭제의 안내를 따르세요.

Firebase Hosting

Firebase Studio 작업공간에서 Firebase Hosting에 웹 앱을 게시할 수 있습니다. Firebase Hosting에 웹 앱을 게시하기 전에 Firebase 프로젝트를 만들고 앱을 등록합니다.

필요한 Firebase 프로젝트 권한이 없는 경우 Firebase 프로젝트 소유자에게 Firebase Console 사용자 및 권한 페이지에서 관련 역할을 할당해 달라고 요청할 수 있습니다. 소유자 찾기 또는 할당 등 Firebase 프로젝트에 액세스하는 방법에 관해 궁금한 점이 있으면 Firebase 프로젝트의 권한 및 액세스를 참고하세요.

Firebase Studio에서 Firebase Hosting에 앱을 배포하려면 다음 단계를 따르세요.

  1. Firebase Studio 작업공간을 엽니다. App Prototyping agent를 사용하는 경우 코드 전환 아이콘 코드로 전환을 클릭하여 Code 보기를 엽니다.

  2. 탐색 창에서 Firebase Studio 아이콘을 클릭하여 Firebase Studio 패널을 열고 Firebase Hosting 섹션을 펼칩니다.

  3. Firebase 인증을 클릭하고 터미널 창에 표시되는 메시지에 따라 Firebase 계정을 인증합니다.

  4. Firebase Hosting 초기화를 클릭하고 터미널 창의 메시지에 따라 배포 구성을 설정합니다.

  5. 앱을 배포하려면 Firebase Studio 패널의 Firebase Hosting 섹션에서 프로덕션에 배포 또는 채널에 배포를 클릭합니다.

Cloud Run

Cloud Run를 사용하여 배포하기 전에 Google Cloud 프로젝트를 설정하고 Cloud Billing를 사용 설정해야 합니다.

  1. Firebase Studio 작업공간을 엽니다. App Prototyping agent를 사용하는 경우 코드 전환 아이콘 코드로 전환을 클릭하여 Code 보기를 엽니다.

  2. 탐색 창에서 Firebase Studio 아이콘을 클릭하여 Firebase Studio 패널을 열고 Cloud Run에 배포를 클릭합니다.

  3. 이 워크스페이스에서 내 Google 계정을 사용하여 Google Cloud 리소스에 액세스하도록 허용을 선택한 다음 대화상자 창에서 결제가 사용 설정된 Google Cloud 프로젝트를 선택합니다.

  4. Firebase Studio 패널의 Cloud Run 섹션에서 인증을 클릭하고 안내에 따라 인증합니다.

  5. 배포를 클릭하고 안내에 따라 배포 구성을 설정하고 앱을 배포합니다.

다음 단계