Firebase プロジェクトに接続する

Firebase Studio での作業を開始するのに Firebase プロジェクトは必要ありませんが、Firebase プロダクトを使用するには、Firebase プロジェクトを接続する必要があります。開発プロセスの特定の時点で、Firebase Studio が自動的にプロジェクトを作成することがあります。また、手動で接続することもできます。このガイドでは、Firebase プロジェクトの目的と、Firebase Studio のワークスペースに接続する方法について説明します。

Firebase プロジェクトについて理解する

Firebase プロジェクトは、ユーザー認証、データ ストレージ、ホスティング、分析など、アプリのすべてのバックエンド サービスを格納するコンテナと考えることができます。Firebase Studio ワークスペースを Firebase プロジェクトに接続すると、Firebase プロダクトのスイートをアプリに統合できます。

Firebase プロジェクトには、1 つ以上の Firebase アプリを登録できます(たとえば、アプリの無料版と有料版の両方を登録できます)。ただし、次の点に注意してください。

  • 同じ Firebase プロジェクトに登録されているすべての Firebase アプリは、そのプロジェクトにプロビジョニングされた同じリソースとサービスのすべてにアクセスできます。
  • Firebase Studio自動的に Firebase プロジェクトを作成する場合、新しいプロジェクトが作成され、Firebase Studio ワークスペースにリンクされます。
  • Firebase プロジェクトにリンクされている Firebase Studio ワークスペースを複製すると、複製されたワークスペースは同じプロジェクトにリンクされます。

異なる Firebase Studio ワークスペースを個別の Firebase プロジェクトに接続することを検討してください。これにより、複数のワークスペースが同じバックエンド データとリソースを共有(および上書き)することを防ぐことができます。

ワークスペースを Firebase プロジェクトに接続したら、Firebase コンソールで管理タスクと構成タスクを行います。セキュリティ ルールの表示、ユーザー アカウントの管理、詳細なクラッシュ レポートの表示、保存されたデータの直接編集、A/B テストの結果の確認などを行うことができます。

Firebase Studio アプリを Firebase プロジェクトに接続する

アプリで Firebase サービスを使用するには、アプリを Firebase プロジェクトに接続する必要があります。たとえば、Firebase Authentication を使用する場合は、Firebase プロジェクトに接続して、ユーザー アカウントを作成、管理する必要があります。開発プロセスの特定の時点で、Firebase Studio によって Firebase プロジェクトが作成されます。手動で作成することもできます。

Firebase プロジェクトに自動的に接続する

App Prototyping agent を使用すると、次の操作を行うときに、Firebase Studio がユーザーに代わって Firebase プロジェクトをプロビジョニングします。

  • Gemini API キーを自動生成する
  • アプリを Firebase プロジェクトに接続するようリクエストする
  • Cloud FirestoreFirebase Authentication などの Firebase サービスにアプリを接続する方法についてのサポートを要求する
  • [公開] ボタンをクリックして Firebase App Hosting を設定します

インタラクティブ チャットまたは Gemini CLI を使用する場合、Gemini はターミナル コマンドまたは Firebase MCP サーバーを使用して、次のような場合に Firebase プロジェクトに接続できます。

  • アプリを Firebase プロジェクトに接続するようリクエストする
  • Cloud FirestoreFirebase Authentication などの Firebase サービスにアプリを接続する方法についてのサポートを要求する

Firebase プロジェクトに手動で接続する

Firebase Studio アプリを Firebase プロジェクトに手動で接続するには:

  1. Firebase コンソールで、新しいプロジェクトを作成するか、既存のプロジェクトを開きます。

    • 新しいプロジェクトを作成する: [新しい Firebase プロジェクトを作成] をクリックし、手順に沿って新しいプロジェクトを作成します。
    • 既存のプロジェクトを開く: 使用するプロジェクトをクリックします。
  2. プロジェクト ID をメモします。Firebase コンソールで、 > [プロジェクトの設定] をクリックします。プロジェクト ID が上部ペインに表示されます。

  3. Firebase Studio でアプリを開きます。Prototyper view, click Code switch icon Switch to Code to open Code view.App Prototyping agent を使用している場合

  4. Firebase プロジェクトを接続します。ターミナル(Shift+Ctrl+C)で、次のコマンドを実行します。

    1. touch firebase.json これにより、ディレクトリに Firebase 構成ファイルが存在することが保証されます。
    2. firebase login --reauth 画面の指示に沿ってアカウントを承認します。
    3. firebase use <your project ID> <your-project-ID> は、先ほどメモしたプロジェクト ID に置き換えます。

アプリに接続されている Firebase プロジェクトを変更する

Firebase Studio ワークスペースに関連付けられている Firebase プロジェクトを変更するには、新しいプロジェクト ID を使用して、Firebase プロジェクトに手動で接続するの手順に沿って操作します。

アプリに接続されている Firebase プロジェクトを確認する

Firebase プロジェクトがすでに接続されているかどうかを確認するには、Firebase Studio ワークスペースの上部を確認します。接続されているプロジェクト ID がある場合は、ワークスペースの名前の横に表示されます。プロジェクト ID をクリックすると、Firebase コンソールでそのプロジェクトが直接開きます。

次のステップ