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 コンソールでカスタム ドメインを追加します。
App Hosting の詳細については、App Hosting とその仕組みの概要をご覧ください。
App Hosting オブザーバビリティでアプリをモニタリングする
App Hosting [アプリの概要] パネルには、アプリに関する主要な指標と情報が表示されます。App Hosting に組み込まれたオブザーバビリティ ツールを使用して、ウェブアプリのパフォーマンスをモニタリングできます。サイトがリリースされたら、[公開] をクリックして概要にアクセスできます。このパネルでは、次の操作を行うことができます。
- [ロールアウトを作成] をクリックして、アプリの新しいバージョンをリリースします。
- アプリへのリンクを共有するか、[アプリにアクセス] でアプリを直接開きます。
- リクエストの合計数や最新のロールアウトのステータスなど、過去 7 日間のアプリのパフォーマンスの概要を確認します。[詳細を表示] をクリックすると、Firebase コンソールでさらに詳細な情報を確認できます。
- 過去 24 時間にアプリが受信したリクエスト数を HTTP ステータス コード別にグラフで表示します。
アプリの概要パネルを閉じた場合は、[公開] をクリックしていつでも再び開くことができます。
App Hosting ロールアウトの管理とモニタリングについて詳しくは、ロールアウトとリリースを管理するをご覧ください。
App Hosting サイトをロールバックする
アプリの連続バージョンを App Hosting にデプロイした場合は、以前のバージョンのいずれかにロールバックできます。削除することもできます。
公開済みのサイトをロールバックするには:
Firebase コンソールで App Hosting を開きます。
アプリのバックエンドを見つけて、[表示]、[ロールアウト] の順にクリックします。
ロールバックするデプロイの横にあるその他アイコン をクリックし、[このビルドにロールバック] を選択して確認します。
詳しくは、ロールアウトとリリースを管理するをご覧ください。
ウェブから App Hosting ドメインを削除するには:
Firebase コンソールで App Hosting を開き、Firebase Studio アプリ セクションで [表示] をクリックします。
[バックエンド情報] セクションで [管理] をクリックします。[Domains] ページが読み込まれます。
ドメインの横にあるその他アイコン をクリックし、[ドメインを無効にする] を選択して確認します。
これにより、ドメインがウェブから削除されます。App Hosting バックエンドを完全に削除するには、バックエンドを削除するの手順に沿って操作します。
Firebase Hosting
ウェブアプリは、Firebase Studio ワークスペースから Firebase Hosting に公開できます。ウェブアプリを Firebase Hosting に公開する前に、Firebase プロジェクトを作成してアプリを登録します。
必要な Firebase プロジェクトの権限がない場合は、Firebase コンソールの [ユーザーと権限] ページで該当するロールを割り当ててもらうよう Firebase プロジェクトのオーナーに依頼してください。オーナーの確認や割り当てなど、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] セクションで [認証] をクリックし、画面の指示に沿って認証します。
[デプロイ] をクリックし、プロンプトに沿ってデプロイ構成を設定してアプリをデプロイします。