Firebase App Hosting などのサーバーレス プロダクトを使用すると、インフラストラクチャを自分で管理することなく、アプリケーションを迅速にデプロイできます。Google のソリューションの中でも、CDN からサーバーサイド レンダリングまでのフルスタックを管理する App Hosting は、Next.js または Angular Web フレームワークで最新のウェブアプリを作成するウェブ デベロッパーに最適です。
ただし、App Hosting は複数の Google サーバーレス プロダクトの 1 つにすぎません。アプリの性質やスケーラビリティのニーズに応じて、App Hosting または他のいずれかのプロダクトを選択できます。
- Cloud Run: 構成の柔軟性が高いコンテナでバックエンド サービスを実行する場合に最適です。
- Cloud Functions: 単一目的のイベント ドリブン関数をすばやく作成するのに最適です。
- Cloud Functions for Firebase: Cloud Functions に似ていますが、Realtime Database や Cloud Firestore などの他の Firebase 機能と簡単に統合できるように簡素化されたモデルを使用します。
- Firebase App Hosting: サーバーサイド レンダリング（SSR）や生成 AI 機能を使用して、フレームワークをベースとした最新のウェブアプリをホストするのに最適です。
- Firebase Hosting : ウェブサイトや画像などの静的アセットのホスティングに最適です。
費用に関しては、Cloud Run、Cloud Functions、Firebase App Hosting の使用を開始するには請求先アカウントが必要です。小規模なデプロイには無料枠があり、料金は使用量に基づいて計算されます。Firebase Hosting には無料枠が用意されています。小規模なデプロイでは請求先アカウントは必要ありません。アプリのスケールアップに合わせて柔軟に拡張できます。
App Hosting と Firebase Hosting
App Hosting は Firebase Hosting の置き換えではなく、特定のギャップを埋めるものです。Angular または Next.js で SSR を使用して動的なサーバー レンダリング ウェブアプリを開発する場合は、App Hosting が最適です。静的なウェブサイトまたはシングルページ アプリをホストする場合は、元の Hosting を使用してコストとパフォーマンスを最適化することをおすすめします。
App Hosting と Firebase Hosting はサポートする機能にある程度の重複があるため、より詳細な構成にすると役に立つ場合があります。
| 機能 | ホスティング | App Hosting（公開プレビュー版） |
|---|---|---|
| サーバーでレンダリングされる Angular アプリと Next.js アプリの自動デプロイ | 試験運用版 | ○ |
| リクエストのタイムアウト | 1 分 | 5 分 |
| キャッシュ タイムアウト | 1 時間 | 1 分 |
| Stale-While-Revalidate キャッシュ制御 | × | ○ |
| 利用規約 | Firebase | クラウド |
| 静的コンテンツ送信元のレプリカ | 3 | なし |
| 動的コンテンツの領域 | 3 | 1 |
| 継続的デプロイ | 限定的 | 組み込み |
| ビルドプロセス | ローカル環境 | 再現可能な環境 |
| コンテンツをプレビューする | ○ | × |
| フォールト トレラント | グローバルな停止 | リージョンの停止 |
| エミュレータ | ○ | × |
App Hosting が公開プレビューのステータスから一般提供に移行すると、これらの機能領域の多くが拡大、改善されます。
App Hosting と Hosting の開発ライフサイクルの機能
Firebase App Hosting は GitHub と緊密に統合されており、アプリの本番環境への効率的なロールアウトを可能にします。ライブブランチに変更を push すると、App Hosting は再現可能な Cloud Build 環境にブランチをビルドします。その後、App Hosting ダッシュボードの UI で、ウェブアプリの各バージョンを、ビルドされた正確な commit まで追跡できます。これにより、特定の時間に有効だった変更を把握できます。
Firebase Hosting は、GitHub アクションを使用したインテグレーションの程度も提供しており、リポジトリ内のアクションに応じてプレビュー チャネルを作成し、ライブ チャネルにデプロイします。
Firebase CLI のフレームワーク テストを使用してデプロイされるアプリ
Firebase CLI のフレームワーク テストを使用して Firebase Hosting にデプロイされた Next.js または Angular アプリの場合は、App Hosting に「移行」することをおすすめします。App Hosting を使用すると、CDN からサーバーサイド レンダリングまですべてを管理する統合ソリューションに加え、GitHub の統合も改善されます。
試験運用版の CLI を使用して他のタイプのアプリ（Flutter や Vite など）をデプロイした場合は、これらのアプリを変更または移行することなく引き続き使用できます。