App Hosting の基礎

説明

このスキルにより、エージェントは Firebase App Hosting を使用して、最新のフルスタック Web アプリケーション (Next.js、Angular など) をデプロイおよび管理できるようになります。

重要: App Hosting を使用するには、Firebase プロジェクトが Blaze 料金プランである必要があります。ユーザーを https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered に案内して、プランのアップグレードを行うよう指示してください。

Hosting と App Hosting の使い分け

Firebase Hosting を選択する場合:

• 静的サイト (HTML/CSS/JS) をデプロイしている。
• SSR なしの単純な SPA (React、Vue など) をデプロイしている。
• CLI を通じてビルドとデプロイプロセスを完全に制御したい。

Firebase App Hosting を選択する場合:

• Next.js や Angular などのサポートされたフルスタックフレームワークを使用している。
• Server-Side Rendering (SSR) または ISR が必要である。
• ゼロコンフィグレーションで自動化された「git push to deploy」ワークフローを望んでいる。

App Hosting へのデプロイ

ソースからのデプロイ

これはほとんどのユーザーに推奨されるフローです。

1. apphosting ブロックを含む firebase.json を設定します。

   {
     "apphosting": {
       "backendId": "my-app-id",
       "rootDir": "/",
       "ignore": [
         "node_modules",
         ".git",
         "firebase-debug.log",
         "firebase-debug.*.log",
         "functions"
       ]
     }
   }
   

2. apphosting.yaml を作成または編集します。詳細については Configuration を参照してください。
3. アプリが機密キーへの安全なアクセスが必要な場合は、npx -y firebase-tools@latest apphosting:secrets コマンドを使用してシークレットを設定し、アクセス権を付与します。
4. デプロイする準備ができたら、npx -y firebase-tools@latest deploy を実行します。

GitHub を通じた自動デプロイ (CI/CD)

別の方法として、GitHub リポジトリに接続されたバックエンドを設定して、「git push」デプロイの自動デプロイを行うこともできます。 これはより高度なユーザーを対象としており、App Hosting の使用には必須ではありません。 CLI コマンドを使用してこれを設定する方法の詳細については、CLI Commands を参照してください。

エミュレーション

Firebase Local Emulator Suite を使用してアプリをローカルでテストする方法の詳細については、Emulation を参照してください。