Firebase App Hostingとは? Hostingとの違い

Google・クラウドカテゴリを表すパンダのイラスト Google・クラウド
Google Cloudや関連サービスをやさしく学ぶためのカテゴリ画像です。

この記事について

この記事は、生成AIを活用した自動生成フローで作成しています。

Firebase App Hostingは、フルスタックWebアプリをbuildして実行・配信するためのFirebaseサービスです。静的ファイル中心のFirebase Hostingより、サーバー側処理を含むframeworkアプリの継続的なdeployをまとめて管理したい場合に向きます。

情報確認基準日:2026-09-19

まず結論

App Hostingはsourceからbuildし、managed backendとしてWebアプリをrolloutします。Firebase Hostingが静的asset・SPA配信を得意とするのに対し、App Hostingはフルスタックframeworkとサーバー実行を含めた運用を簡略化する位置づけです。

観点App HostingFirebase Hosting
主対象フルスタックWebアプリ静的サイト、SPA、asset配信
Build/実行managed build + backend基本は用意したassetをdeploy
基盤Cloud Build、Cloud Run、Cloud CDN等を活用Hosting/CDN、必要ならRun/Functions連携
CI/CDGitHub接続などでrolloutGitHub連携・CLI deploy
設定App Hosting backend / apphosting.yamlfirebase.json
flowchart LR
 Repo[Source / GitHub] --> Build[Managed Build]
 Build --> AH[Firebase App Hosting]
 AH --> Run[Cloud Run]
 AH --> CDN[Cloud CDN]
 CDN --> User[利用者]
 Secret[Secret / Env設定] --> AH

Google全体での位置づけ

FirebaseのWebアプリ公開機能のうち、App Hostingはフルスタック寄りです。内部ではGoogle Cloudのmanaged infrastructureを活用します。Firestore、Authentication、Secret Managerなどと組み合わせ、アプリの画面・サーバー処理・データ・認証を構成できます。

誰に関係する?

  • 一般利用者・事務職: 完成したWebアプリを利用する側で、通常は基盤を意識しません。

  • IT管理者: Firebase/Google Cloud Project、IAM、billing、GitHub接続、backend、secret管理を確認します。

  • 開発者: framework、build/run command、環境変数、rollout、ログを管理します。

料金と現行仕様

公式情報ではApp HostingはBlazeのpay-as-you-go利用を前提とし、無料枠を超えた帯域などで料金が発生します。料金体系は変更されるため、公開前に公式Costsを確認します。apphosting.yaml ではbuild/run設定や環境変数を管理できますが、秘密値を平文でrepositoryへ書かず、secret parameter等の公式機構を利用します。

Microsoft / Azureと比べると?

Azure App ServiceやAzure Static Web Appsのフルスタック機能などと「sourceからbuildしWebアプリをmanaged運用する」という目的で比較できます。ただしApp HostingはFirebaseとGoogle CloudのProject/IAM/課金、Firebaseサービス連携を前提に理解する必要があります。

安全に試す

検証Projectとサンプルrepositoryで最小アプリをdeployし、build成功→rollout成功→公開URLでトップページ表示、の3点を成功条件にします。最初に変える場所はトップページの文字列1か所だけにし、build pipelineの挙動を確認します。

環境変数へ秘密値を置く場合は、公開repositoryの設定ファイルに実secretを書かないようにします。実Project IDやcredentialを記事サンプルへ保存しません。

Google公式情報

次に何をすればよい?

静的配信だけならHosting、サーバー側処理を含むframeworkアプリならApp Hostingを比較します。App Hostingを選ぶ場合は検証Projectでbackendを1つ作り、build/rollout、料金、IAM、secret管理まで確認します。

個別一次情報の深掘り

Firebase App Hostingは、SSRなどを含むモダンなフルスタックWebアプリ向けのserverless hostingです。従来のFirebase Hostingが静的資産を中心に幅広く配信するのに対し、App Hostingは対応Web frameworkのbuildからruntimeまでを統合して扱う点が重要です。

Google公式一次情報

Papanda TRY:HostingとApp Hostingを構成図で比較

静的配信中心のHostingと、framework連携・backendを含むApp Hostingの構成を左右カード化します。架空Next.js構成を表示するだけのoffline版から始め、実deployやbillingは別段階にします。

結局どういうサービス?

Firebase App Hostingは、フルスタックWebアプリのbuild・実行・配信をFirebase/Google Cloudのmanaged基盤へまとめるサービスです。初心者は「sourceを渡すとWebアプリのサーバー側まで含めて公開しやすくする仕組み」と捉え、静的配信中心のFirebase Hostingと使い分けると理解しやすくなります。

文書情報

記事タイトル
Firebase App Hostingとは? Hostingとの違い
作成日
更新日
Source URL
https://papanda925.com/?p=16777

ライセンス: 本記事のうち、当サイトが権利を有する本文・自作図表は、特記なき限り CC BY 4.0 で利用できます。生成AIを活用して作成・編集した内容を含みます。コードについて、別途ライセンス表示またはリンク先GitHubリポジトリのライセンスがある場合は、その条件を優先します。引用・第三者資料・画像・商標等は本ライセンスの対象外です。 利用ポリシー

タイトルとURLをコピーしました