컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Firebase App Hosting
plat_web
Firebase App Hosting는 동적 웹 앱의 개발 및 배포를 간소화하여 GitHub 통합 및 Authentication, Cloud Firestore, Firebase AI Logic와 같은 다른 Firebase 제품과의 통합을 제공합니다.
App Hosting에는 Next.js 및 Angular를 위한 사전 구성된 기본 지원과 다양한 널리 사용되는 웹 프레임워크에 대한 광범위한 지원이 포함되어 있습니다.
시작하기
주요 기능
GitHub 통합 |
새 버전의 앱을 출시하는 데 필요한 것은 git 커밋뿐입니다. 특정 브랜치에 푸시할 때마다 App Hosting가 자동으로 배포할 수 있습니다.
|
Google Cloud에서 백업 |
App Hosting는 Google Cloud 서비스 약관을 사용하고 신뢰할 수 있는 Google Cloud 제품에 앱을 배포합니다. 앱은 Cloud Build로 빌드되고 Cloud Run에서 제공되며 Cloud CDN에 캐시됩니다.
Cloud Secret Manager와 같은 통합 서비스가 API 키를 안전하게 보호합니다.
|
AI 기반 기능을 대규모로 제공 |
Gemini를 사용하는 AI 샘플부터 시작해 보세요.
Cloud Secret Manager로 API 엔드포인트의 API 키를 보호하고 App Hosting의 스트리밍 지원을 활용하여 앱에 생성형 AI 기능을 추가할 때 빠른 초기 로드 시간을 유지하세요.
|
Firebase 콘솔 통합 |
Firebase Console에서 빌드 및 출시를 모니터링하여 항상 진행 상황을 파악하세요. Firebase 콘솔에서 로그 및 측정항목에 액세스하고 맞춤 도메인을 추가하며 출시를 수동으로 트리거합니다.
|
기본 원리
- Firebase Console 또는 Firebase CLI를 사용하여 저장소에서 Firebase GitHub 앱을 승인하고 설치합니다.
- Firebase Console 또는 Firebase CLI에서 연속 배포를 위한 저장소 및 실시간 브랜치가 있는 Firebase App Hosting 백엔드를 만듭니다.
App Hosting는 변경사항이 타겟 브랜치에 푸시될 때 백엔드가 100% 의 트래픽에 즉시 출시하도록 하는 기본 출시 정책을 만듭니다.
- 커밋이 라이브 브랜치로 푸시되면 Google Cloud Developer Connect에서 Firebase App Hosting에 이벤트를 전송합니다.
- 이 이벤트에 응답하여 Firebase App Hosting는 저장소에 연결된 백엔드의 새 빌드를 만듭니다.
- 먼저 Firebase App Hosting가 커밋의 새 Cloud Build 빌드를 만듭니다. 이 작업에서 Google Cloud Buildpack은 애플리케이션에 사용 중인 프레임워크를 확인하여 애플리케이션에 적합한 컨테이너 및 구성 (환경 변수, 비밀, 최소 또는 최대 인스턴스, 동시 실행 메모리, CPU, VPC 구성 포함)을 만듭니다.
자세한 내용은 App Hosting 빌드 프로세스를 참고하세요.
- Cloud Build 작업이 완료되면 컨테이너가 Firebase App Hosting 전용 Artifact Registry 저장소에 저장됩니다.
그러면 Firebase App Hosting이 이미지와 구성을 사용하여 Cloud Run 서비스에 새 Cloud Run 버전을 추가합니다.
- Cloud Run 버전이 완료되고 정상적으로 작동하는 것으로 확인되면 Firebase App Hosting는 모든 새 요청을 새 Cloud Run 버전으로 가리키도록 트래픽 구성을 수정합니다. 이 시점에서 출시가 완료됩니다.
- Firebase App Hosting에 호스팅된 웹사이트에 요청이 전송되면 Cloud CDN이 사용 설정된 Google Cloud 부하 분산기에서 요청을 제공합니다.
캐시되지 않은 요청은 Cloud Run 서비스로 전송됩니다.
구현 경로
|
Firebase 설정하기 |
아직 Firebase 프로젝트가 없는 경우 프로젝트를 만들고 Blaze 요금제가 사용 설정되어 있는지 확인합니다.
|
|
App Hosting 설정 |
Firebase 콘솔 또는 Firebase CLI를 사용하여 App Hosting 백엔드를 만듭니다. 앱의 GitHub 저장소 연결을 비롯하여 앱의 관리 리소스 모음입니다.
|
|
앱 관리 및 모니터링 |
App Hosting 백엔드 만들기를 완료하면 무료 하위 도메인에서 앱을 사용할 수 있으며 Firebase 콘솔에서 출시에 관한 세부정보를 확인할 수 있습니다. Google Cloud 콘솔을 사용하여 로그를 확인하고 검색할 수 있습니다.
|
|
앱 개발하기 |
App Hosting는 커밋이 라이브 브랜치에 푸시될 때마다 새 출시를 자동으로 시작합니다.
|
다음 단계
- 앱 배포를 시작합니다.
- 호스팅된 앱을 Firebase 인증 및 Google AI 기능과 통합하는 App Hosting Codelab(Next.js | Angular)을 사용해 보세요.}
- App Hosting에서 지원하는 다양한 커뮤니티 지원 프레임워크에 대해 자세히 알아보세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-08-08(UTC)
[null,null,["최종 업데이트: 2025-08-08(UTC)"],[],[],null,["Firebase App Hosting \nplat_web \n\nFirebase App Hosting streamlines the development and deployment of dynamic\nweb apps, offering GitHub integration and integration with other Firebase\nproducts like Authentication, Cloud Firestore, and Firebase AI Logic.\nApp Hosting has built-in, preconfigured support for Next.js and Angular\nas well as broader support for various popular web frameworks.\n\n[Get started](/docs/app-hosting/get-started)\n\nKey capabilities\n\n|-----------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| GitHub integration | A git commit is all that's needed to roll out a new version of your app. App Hosting can automatically deploy every time you push to a specific branch. |\n| Backed by Google Cloud | App Hosting uses Google Cloud Terms of Service, and deploys your app to Google Cloud products you trust. Apps are built with Cloud Build, served on Cloud Run, and cached in Cloud CDN. Integrated services like Cloud Secret Manager keep your API keys safe. |\n| Ship AI-powered features at scale | Start with AI samples that use Gemini. Protect your API endpoint's API key with Cloud Secret Manager and leverage App Hosting's streaming support to maintain fast initial load times as you add generative AI features into your app. |\n| Firebase console integration | Monitor your builds and rollouts in the Firebase console so you always know what's going on. Access logs and metrics, add a custom domain, and manually trigger rollouts from the Firebase console. |\n\nHow does it work?\n\n1. Using the Firebase console or Firebase CLI, authorize and install the Firebase GitHub app on your repository.\n2. Still in the Firebase console or Firebase CLI, create a Firebase App Hosting backend, with a repository and live branch for continuous deployment. App Hosting creates a default rollout policy for your backend to roll out to 100% of traffic immediately when a change is pushed to the target branch.\n3. When a commit is pushed to your live branch, Google Cloud Developer Connect sends an event to Firebase App Hosting.\n4. Responding to this event, Firebase App Hosting creates a new build for the backend connected to the repository.\n 1. First, Firebase App Hosting creates a new Cloud Build build for your commit. In this job, [Google Cloud buildpacks](https://cloud.google.com/docs/buildpacks/overview) determine which framework is being used in your application to create a container and configuration (including environment variables, secrets, minimum or maximum instances, concurrency memory, CPU, and VPC configuration) that suits your application. See [the App Hosting build process](/docs/app-hosting/build) For more information.\n 2. When the Cloud Build job is complete, your container is stored in an Artifact Registry repository dedicated to Firebase App Hosting. Firebase App Hosting then adds a new Cloud Run Revision to a Cloud Run service using your image and configuration.\n5. Once your Cloud Run Revision is complete and verified healthy, Firebase App Hosting modifies its traffic configuration to point all new requests to your new Cloud Run Revision. At this point, the rollout is complete.\n6. When a request is sent to a website hosted on Firebase App Hosting, the request is served by Google Cloud Load Balancer with Cloud CDN enabled. Uncached requests are sent to your Cloud Run service.\n\nImplementation path\n\n|---|-----------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| | Set up Firebase | If you don't already have one, create a Firebase project and make sure it has the Blaze pricing plan enabled. |\n| | Set up App Hosting | With the Firebase console or the Firebase CLI, create an App Hosting backend. This is the collection of managed resources for your app, including the connection to the GitHub repository for your app. |\n| | Manage and monitor your app | When you finish creating an App Hosting backend, your app is available on its free subdomain, and you can view details about the rollout in the Firebase console. You can use the [Google Cloud console](https://console.cloud.google.com/logs/query?project=_) to view and search through your logs. |\n| | Develop your app | App Hosting automatically starts a new rollout every time a commit is pushed to your live branch. |\n\nNext steps\n\n- [Get started](/docs/app-hosting/get-started) deploying apps.\n- Try an App Hosting codelab that integrates a hosted app with Firebase Authentication and Google AI features: [Next.js](https://firebase.google.com/codelabs/firebase-nextjs) \\| [Angular](https://firebase.google.com/codelabs/firebase-web).}\n- Learn more about the various [community-supported frameworks](https://firebaseopensource.com/platform/app_hosting) supported by App Hosting."]]