Mengintegrasikan layanan Firebase menggunakan bantuan AI

Sederhanakan penyiapan Firebase untuk aplikasi web dengan menggunakan alat pengembangan berteknologi AI seperti Antigravity, Claude Code, Codex, dan Cursor. Dengan menggunakan keahlian agen Firebase secara bersamaan dengan CLI Firebase dan server Firebase MCP, Anda dapat mengubah agen coding AI menjadi pakar Firebase khusus yang dapat menulis kode, mengonfigurasi Firebase Security Rules, dan mengelola resource aktif.

Panduan ini membahas penggunaan agen coding AI untuk membantu menyiapkan Cloud Firestore, Authentication, dan Firebase Hosting untuk aplikasi web. Segera kembali untuk mengetahui informasi tentang aplikasi iOS, Android, dan Flutter.

Mengapa menggunakan keahlian dan alat agen Firebase?

Model AI umum sering kali mengalami masalah dengan konfigurasi project tertentu atau informasi yang sudah usang. Toolkit ini menjembatani kesenjangan tersebut:

• Keahlian agen Firebase: Keahlian memberikan keahlian domain kepada agen coding. Mereka menyediakan dokumentasi terbaru dan alur kerja yang optimal sehingga agen mengetahui cara yang benar dan direkomendasikan Firebase untuk menyusun arsitektur Anda.
• Server Firebase MCP: Server MCP memberikan konteks dan akses kepada agen coding. API ini menetapkan protokol standar bagi agen untuk memeriksa secara terprogram resource project aktif, file lokal, dan konfigurasi Anda.
• Firebase CLI: Antarmuka command line memberikan kemampuan yang dapat ditindaklanjuti kepada agen coding. Ini adalah alat eksekusi yang digunakan agen untuk melakukan tugas berat seperti menginisialisasi database, mengelola konfigurasi autentikasi pengguna, dan men-deploy kode atas nama Anda.

Menggunakan keahlian agen Firebase bersama Firebase CLI dan server Firebase MCP memberi agen pengodean AI Anda kemampuan tambahan:

• Ambil tindakan: Lakukan lebih dari sekadar menulis kode. Agen Anda dapat menginisialisasi layanan, mengelola Authentication pengguna, men-deploy Firebase Security Rules baru, dan bekerja langsung dengan data Cloud Firestore Anda.
• Selalu dapatkan info terbaru: Gunakan perintah resmi yang mengetahui versi untuk memandu agen Anda menyelesaikan tugas penyiapan.
• Meningkatkan akurasi: Akses lingkungan dan skema project Anda untuk memberikan bantuan yang lebih relevan dan akurat.
• Mengurangi biaya token: Kemampuan agen memuat dokumentasi mendetail hanya saat tugas tertentu memerlukannya, sehingga meminimalkan overhead sesi.

Layanan Firebase mana yang dapat dibantu oleh alat dan keahlian agen?

Panduan ini berfokus terutama pada cara kerja keahlian agen, CLI Firebase, dan server Firebase MCP bersama-sama untuk membantu Anda menyiapkan layanan dan fitur ini dengan cepat:

• Cloud Firestore: Menyediakan database NoSQL.
• Authentication: Siapkan login pengguna yang aman.
• Firebase Security Rules: Buat dan sempurnakan Security Rules untuk aplikasi Anda.
• Firebase Hosting: Siapkan project Anda untuk deployment aplikasi web statis.

Untuk mengetahui daftar lengkap hal yang tersedia, jelajahi daftar lengkap keahlian agen Firebase.

Alur kerja umum

Langkah-langkah berikut menjelaskan alur kerja umum tentang cara menggunakan keahlian agen Firebase untuk menyiapkan dan menggunakan layanan Firebase di aplikasi web. Di balik layar, keahlian agen menggunakan CLI Firebase dan server MCP Firebase untuk menyelesaikan tugas ini.

Langkah 1: Instal keahlian agen Firebase

Dalam sebagian besar kasus, Anda dapat menginstal keahlian agen Firebase di editor pilihan Anda dengan satu perintah:

npx skills add firebase/agent-skills --agent=antigravity

claude plugin marketplace add firebase/agent-skills
claude plugin install firebase@firebase

npx skills add firebase/agent-skills --agent=codex

npx skills add firebase/agent-skills --agent=cursor

npx skills add firebase/agent-skills

Langkah 2: Hubungkan ke server MCP Firebase

Meskipun banyak keahlian agen Firebase menggunakan CLI Firebase untuk tugas, sebaiknya hubungkan agen coding AI Anda ke server MCP Firebase. Koneksi ini meningkatkan kemampuan agen Anda untuk berinteraksi dengan lingkungan Firebase Anda, sehingga memberikan integrasi dan akses yang lebih dalam.

Metode yang didukung AI

Dalam sebagian besar kasus, Anda dapat meminta agen coding AI untuk menyiapkan server MCP Firebase. Namun, jika mengalami kesulitan atau Anda tidak melihat server Firebase MCP tercantum, beralihlah ke Metode manual.

Metode manual

{
  "mcpServers": {
    "firebase-mcp-server": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"],
      "disabled": false
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

"servers": {
  "firebase": {
    "type": "stdio",
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

"mcp": {
  "servers": {
    "firebase": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

Langkah 3: Lakukan inisialisasi layanan Firebase

Setelah keahlian dan alat agen disiapkan, Anda kini dapat menggunakan bahasa alami agar agen coding AI Anda menyiapkan Cloud Firestore, Authentication, dan Firebase Hosting.

1. Minta agen Anda untuk menyiapkan layanan. Misalnya, Anda dapat menggunakan perintah seperti ini:

   • Siapkan Cloud Firestore sebagai database untuk aplikasi ini.
   • Buat halaman login menggunakan Authentication dan perbarui Security Rules untuk memastikan hanya pengguna yang berwenang yang dapat membaca dan menulis data mereka sendiri.
   • Siapkan Firebase Hosting dan deploy aplikasi ke produksi.

2. Tinjau informasi apa pun dan ikuti langkah-langkah terpandu yang mungkin diberikan agen Anda, seperti:

   1. Rencana: Agen Anda mengusulkan strategi berdasarkan codebase yang ada.
   2. Menghubungkan: Agen Anda menautkan kode lokal Anda ke project Firebase yang ada atau membantu Anda membuat project Firebase baru.
   3. Menginisialisasi resource: Agen Anda menambahkan library dan konfigurasi Firebase yang diperlukan ke codebase Anda.
   4. Memperbarui file: Agen Anda membuat dan memperbarui file yang diperlukan, seperti firestore.rules (untuk menentukan siapa yang dapat membaca, menulis, atau membuat kueri data dalam database Anda) atau firebase.json (untuk memberi tahu Firebase CLI layanan mana yang akan di-deploy dan cara mengonfigurasinya).
   5. Mengeksekusi: Agen akan memandu Anda melalui langkah-langkah konfigurasi atau deployment tambahan.

Tips umum untuk memberikan perintah pada agen coding AI

Untuk mendapatkan hasil maksimal dari agen coding AI Anda, terutama saat bekerja dengan integrasi multifaset seperti Firebase, perlakukan interaksi sebagai kolaborasi, bukan perintah sekali jalan.

Berikan informasi yang spesifik dan konteks

Meskipun server MCP Firebase memberikan konteks yang signifikan tentang project Anda kepada agen, perintah bahasa alami yang jelas dan spesifik akan memberikan hasil terbaik. Hindari permintaan yang tidak jelas.

• Tidak jelas (Vague): "Perbaiki error database."
• Spesifik: "Saya mendapatkan error 'permission denied' saat mencoba menulis ke koleksi 'users' di Cloud Firestore. Tinjau firestore.rules saya dan sarankan perbaikan yang memungkinkan pengguna terautentikasi menulis ke dokumen mereka sendiri."

Lakukan iterasi dan penyempurnaan

Agen coding AI jarang menghasilkan kode yang sempurna pada percobaan pertama untuk tugas yang kompleks. Jika jawaban yang diberikan kurang tepat, lanjutkan percakapan:

• Berikan pesan error: Tempelkan kembali error terminal atau log konsol ke dalam chat.
• Minta penyesuaian: "Kode tersebut menggunakan SDK v8 yang lebih lama. Tulis ulang menggunakan Firebase SDK modular v9."
• Minta penjelasan: "Jelaskan cara Firebase Security Rules tersebut melindungi data pengguna."

Verifikasi sebelum Anda mengeksekusi

Agen coding AI sangat canggih, tetapi dapat membuat kesalahan atau "berhalusinasi" (menciptakan fungsi atau layanan yang namanya salah).

• Tinjau kode: Selalu baca kode yang dihasilkan, terutama Firebase Security Rules dan file konfigurasi (seperti firebase.json), sebelum men-deploy ke produksi.
• Menguji secara lokal: Jika memungkinkan, minta agen untuk membantu Anda menguji perubahan secara lokal sebelum menayangkannya.

Menggunakan koneksi MCP

Karena server MCP Firebase memberikan visibilitas langsung ke struktur project Anda, Anda dapat mereferensikan file tertentu untuk mendapatkan saran penerapan yang disesuaikan.

• Contoh: "Lihat file src/web/index.html saya dan tunjukkan tempat untuk menambahkan skrip inisialisasi Firebase standar."

Langkah berikutnya

• Jelajahi daftar lengkap semua keahlian agen Firebase yang tersedia.
• Jelajahi daftar lengkap semua perintah, alat, dan resource yang tersedia yang disediakan oleh server Firebase MCP.
• Pelajari lebih lanjut alat yang disediakan oleh CLI Firebase.