Firebase App Hosting

Firebase App Hosting は、動的 Next.js アプリケーションと Angular アプリケーションの開発とデプロイを効率化します。組み込みフレームワークのサポート、GitHub との統合、Firebase の他のプロダクト(AuthenticationCloud FirestoreVertex AI in Firebase など)との統合が可能です。

始めましょう

 

主な機能

GitHub インテグレーション アプリの新しいバージョンをロールアウトするために必要なのは、git commit だけです。App Hosting は、特定のブランチに push するたびに自動的にデプロイできます。
Google Cloud でバックアップされています App HostingGoogle 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 コンソールでビルドとロールアウトをモニタリングして、常に状況を把握します。Firebase コンソールからログと指標にアクセスし、カスタム ドメインを追加して、ロールアウトを手動でトリガーします。

仕組み

  1. Firebase コンソールまたは Firebase CLI を使用して、Firebase GitHub アプリをリポジトリに承認してインストールします。
  2. Firebase コンソールまたは Firebase CLI で、継続的デプロイ用のリポジトリとライブブランチを使用して Firebase App Hosting バックエンドを作成します。App Hosting は、変更がターゲット ブランチに push されたときに、トラフィックの 100% にすぐにロールアウトするように、バックエンドのデフォルトのロールアウト ポリシーを作成します。
  3. コミットがライブブランチに push されると、Google Cloud Developer Connect は Firebase App Hosting にイベントを送信します。
  4. このイベントに応答して、Firebase App Hosting は最新の commit の新しいロールアウトを開始します。
  5. Firebase App Hosting は、commit の新しい Cloud Build Job を作成します。このジョブでは、オープンソースの Buildpack がアプリケーションで使用されているフレームワークを決定し、アプリケーションに適したコンテナと構成(環境変数、シークレット、最小インスタンス数、最大インスタンス数、同時実行メモリ、CPU など)を作成します。
  6. Cloud Build ジョブが完了すると、コンテナは Firebase App Hosting 専用の Artifact Registry リポジトリに保存されます。Firebase App Hosting は、イメージと構成を使用して、Cloud Run サービスに新しい Cloud Run リビジョンを追加します。Cloud Run リビジョンの正常性が確認されると、Firebase App Hosting はトラフィック構成を変更して、すべての新しいリクエストを新しい Cloud Run リビジョンに転送します。これでロールアウトは完了です。
  7. Firebase App Hosting でホストされているウェブサイトにリクエストが送信されると、リクエストは Cloud CDN が有効になっている Google Cloud ロードバランサによって処理されます。キャッシュに保存されていないリクエストは送信元サーバーに送信され、送信元サーバーはリクエストを Cloud Run サービスに送信します。

実装パス

Firebase を設定する Firebase プロジェクトをまだ作成していない場合は、Firebase プロジェクトを作成し、Blaze 料金プランが有効になっていることを確認します。
App Hostingを設定 Firebase コンソールまたは Firebase CLI を使用して、App Hosting バックエンドを作成します。これは、アプリの GitHub リポジトリへの接続など、アプリの管理対象リソースのコレクションです。
アプリの管理とモニタリング App Hosting バックエンドを作成すると、アプリは無料のサブドメインで利用可能になります。ロールアウトの詳細は、Firebase コンソールで確認できます。Google Cloud コンソールを使用して、ログを表示および検索できます。
アプリを開発する App Hosting は、ライブブランチに commit が push されるたびに、新しいロールアウトを自動的に開始します。

次のステップ

  • アプリのデプロイを開始する。
  • ホスト型アプリを Firebase Authentication と Google AI 機能と統合する App Hosting Codelab を試す: Next.js | Angular