THE3RDTRAINER/ホームページ

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）をデプロイする場合。
• シンプルな SPA（React、Vue など、SSR なし）をデプロイする場合。
• CLI を通じてビルドとデプロイのプロセスを完全に制御したい場合。

次の場合は Firebase App Hosting を選択してください:

• Next.js や Angular などのサポートされているフルスタックフレームワークを使用している場合。
• サーバーサイドレンダリング（SSR）または ISR が必要な場合。
• ゼロ設定で「git push to deploy」の自動ワークフローを希望する場合。

App Hosting へのデプロイ

ソースからデプロイ

これはほとんどのユーザーにおすすめのフローです。

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

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

2. apphosting.yaml を作成または編集します。設定方法の詳細については設定を参照してください。

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 コマンドを参照してください。

エミュレーション

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