Menghubungkan IDE Anda ke Firestore menggunakan MCP Toolbox

Halaman ini menjelaskan cara menggunakan MCP Toolbox untuk database guna menghubungkan instance Firestore Anda ke lingkungan pengembangan terintegrasi (IDE) dan alat developer yang mendukung Model Context Protocol (MCP). Gunakan alat ini untuk menjalankan kueri dan berinteraksi dengan database Anda. Panduan ini ditujukan bagi developer yang menggunakan IDE dan alat developer yang ada untuk bekerja dengan Firestore.

Model Context Protocol (MCP) adalah protokol terbuka untuk menghubungkan model bahasa besar (LLM) ke sumber data seperti Firestore. Halaman ini menjelaskan cara menggunakan MCP Toolbox for Databases untuk mengekspos alat bantuan developer ke instance Firestore menggunakan IDE berikut:

Menyiapkan Firestore

  1. Buat project Google Cloud baru atau pilih project yang sudah ada.

  2. Aktifkan Firestore API untuk project Anda.

  3. Buat database Firestore jika Anda belum melakukannya.

  4. Siapkan autentikasi untuk lingkungan lokal Anda.

    • Instal gcloud CLI
    • Jalankan gcloud auth application-default login untuk melakukan autentikasi

Menginstal Toolbox MCP

  1. Download MCP Toolbox versi terbaru sebagai biner. Pilih biner yang sesuai dengan sistem operasi (OS) dan arsitektur CPU Anda. Anda harus menggunakan MCP Toolbox versi V0.13.0 atau yang lebih baru.

    linux/amd64

    curl -O https://storage.googleapis.com/genai-toolbox/version/linux/amd64/toolbox
    

    Ganti version dengan nomor versi MCP Toolbox, misalnya v0.13.0.

    darwin/arm64

    curl -O https://storage.googleapis.com/genai-toolbox/version/darwin/arm64/toolbox
    

    Ganti version dengan nomor versi MCP Toolbox, misalnya v0.13.0.

    darwin/amd64

    curl -O https://storage.googleapis.com/genai-toolbox/version/darwin/amd64/toolbox
    

    Ganti version dengan nomor versi MCP Toolbox, misalnya v0.13.0.

    windows/amd64

    curl -O https://storage.googleapis.com/genai-toolbox/version/windows/amd64/toolbox
    

    Ganti version dengan nomor versi MCP Toolbox, misalnya v0.13.0.

  2. Jadikan biner sebagai file yang dapat dieksekusi.

    chmod +x toolbox
    
  3. Verifikasi penginstalannya.

    ./toolbox --version
    

Mengonfigurasi klien MCP

Kode Claude

  1. Instal Claude Code.
  2. Buat file .mcp.json di root project Anda, jika tidak ada.
  3. Tambahkan konfigurasi berikut, ganti variabel lingkungan dengan nilai Anda, lalu simpan.

 {
    "mcpServers": {
      "firestore": {
        "command": "./PATH/TO/toolbox",
        "args": ["--prebuilt","firestore","--stdio"],
        "env": {
          "FIRESTORE_PROJECT": "PROJECT_ID",
          "FIRESTORE_DATABASE": "DATABASE_NAME"
        }
      }
    }
  }
  1. Mulai ulang kode Claude untuk menerapkan konfigurasi baru.

Claude desktop

  1. Buka Claude Desktop, lalu buka Settings.
  2. Di tab Developer, klik Edit Config untuk membuka file konfigurasi.
  3. Tambahkan konfigurasi berikut, ganti variabel lingkungan dengan nilai Anda, lalu simpan.

 {
    "mcpServers": {
      "firestore": {
        "command": "./PATH/TO/toolbox",
        "args": ["--prebuilt","firestore","--stdio"],
        "env": {
          "FIRESTORE_PROJECT": "PROJECT_ID",
          "FIRESTORE_DATABASE": "DATABASE_NAME"
        }
      }
    }
  }
  1. Mulai ulang Claude Desktop.
  2. Dari layar chat baru, Anda akan melihat ikon palu (MCP) muncul dengan server MCP baru yang tersedia.

Cline

  1. Buka ekstensi Cline di VS Code, lalu ketuk ikon MCP Servers.
  2. Klik Configure MCP Servers untuk membuka file konfigurasi.
  3. Tambahkan konfigurasi berikut, ganti variabel lingkungan dengan nilai Anda, lalu simpan.

 {
    "mcpServers": {
      "firestore": {
        "command": "./PATH/TO/toolbox",
        "args": ["--prebuilt","firestore","--stdio"],
        "env": {
          "FIRESTORE_PROJECT": "PROJECT_ID",
          "FIRESTORE_DATABASE": "DATABASE_NAME"
        }
      }
    }
  }

Status aktif berwarna hijau akan muncul setelah server berhasil terhubung.

Kursor

  1. Buat direktori .cursor di root project Anda jika belum ada.
  2. Buat file .cursor/mcp.json jika tidak ada, lalu buka.
  3. Tambahkan konfigurasi berikut, ganti variabel lingkungan dengan nilai Anda, lalu simpan.
 {
    "mcpServers": {
      "firestore": {
        "command": "./PATH/TO/toolbox",
        "args": ["--prebuilt","firestore","--stdio"],
        "env": {
          "FIRESTORE_PROJECT": "PROJECT_ID",
          "FIRESTORE_DATABASE": "DATABASE_NAME"
        }
      }
    }
  }
  1. Buka Kursor, lalu buka Setelan > Setelan Kursor > MCP. Status aktif berwarna hijau akan muncul saat server terhubung.

Visual Studio Code (Copilot)

  1. Buka VS Code dan buat direktori .vscode di root project Anda jika belum ada.
  2. Buat file .vscode/mcp.json jika tidak ada, lalu buka.
  3. Tambahkan konfigurasi berikut, ganti variabel lingkungan dengan nilai Anda, lalu simpan.
 {
    "servers":{
      "firestore": {
        "command": "./PATH/TO/toolbox",
        "args": ["--prebuilt","firestore","--stdio"],
        "env": {
          "FIRESTORE_PROJECT": "PROJECT_ID",
          "FIRESTORE_DATABASE": "DATABASE_NAME"
        }
      }
    }
  }

Selancar Angin

  1. Buka Windsurf dan buka asisten Cascade.
  2. Klik ikon MCP, lalu klik Configure untuk membuka file konfigurasi.
  3. Tambahkan konfigurasi berikut, ganti variabel lingkungan dengan nilai Anda, lalu simpan.
 {
    "mcpServers": {
      "firestore": {
        "command": "./PATH/TO/toolbox",
        "args": ["--prebuilt","firestore","--stdio"],
        "env": {
          "FIRESTORE_PROJECT": "PROJECT_ID",
          "FIRESTORE_DATABASE": "DATABASE_NAME"
        }
      }
    }
  }

Gemini CLI

  1. Instal Gemini CLI.
  2. Di direktori kerja Anda, buat folder bernama .gemini. Di dalamnya, buat file settings.json.
  3. Tambahkan konfigurasi berikut, ganti variabel lingkungan dengan nilai Anda, lalu simpan.
 {
    "mcpServers": {
      "firestore": {
        "command": "./PATH/TO/toolbox",
        "args": ["--prebuilt","firestore","--stdio"],
        "env": {
          "FIRESTORE_PROJECT": "PROJECT_ID",
          "FIRESTORE_DATABASE": "DATABASE_NAME"
        }
      }
    }
  }

Gemini Code Assist

  1. Instal ekstensi Gemini Code Assist di Visual Studio Code.
  2. Aktifkan Mode Agen di chat Gemini Code Assist.
  3. Di direktori kerja Anda, buat folder bernama .gemini. Di dalamnya, buat file settings.json.
  4. Tambahkan konfigurasi berikut, ganti variabel lingkungan dengan nilai Anda, lalu simpan.
 {
    "mcpServers": {
      "firestore": {
        "command": "./PATH/TO/toolbox",
        "args": ["--prebuilt","firestore","--stdio"],
        "env": {
          "FIRESTORE_PROJECT": "PROJECT_ID",
          "FIRESTORE_DATABASE": "DATABASE_NAME"
        }
      }
    }
  }

Menggunakan alat

Alat AI Anda kini terhubung ke Firestore menggunakan MCP. Coba minta asisten AI Anda untuk mencantumkan koleksi, mendapatkan dokumen, membuat kueri koleksi, atau mengelola aturan keamanan.

Alat berikut tersedia untuk LLM:

  • firestore-add-documents: Menambahkan dokumen ke jalur koleksi Firestore.
  • firestore-get-documents: Mendapatkan beberapa dokumen dari Firestore berdasarkan jalur dokumennya.
  • firestore-list-collections: Mencantumkan koleksi Firestore untuk jalur induk tertentu.
  • firestore-delete-documents: Menghapus beberapa dokumen dari Firestore.
  • firestore-query-collection: Membuat kueri dokumen dari koleksi dengan opsi pemfilteran, pengurutan, dan batas.
  • firestore-get-rules: Mengambil aturan keamanan Firestore yang aktif untuk project saat ini.
  • firestore-update-document: Memperbarui dokumen yang ada di Firestore berdasarkan jalurnya.
  • firestore-validate-rules: Memvalidasi sintaksis dan error aturan keamanan Firestore.