Tích hợp các dịch vụ của Firebase bằng tính năng hỗ trợ AI

Đơn giản hoá quá trình thiết lập Firebase cho ứng dụng web bằng cách sử dụng các công cụ phát triển dựa trên AI như Antigravity, Claude Code, Codex và Cursor. Bằng cách sử dụng các kỹ năng của tác nhân Firebase cùng với Firebase CLImáy chủ MCP Firebase, bạn có thể biến tác nhân lập trình AI thành một chuyên gia Firebase chuyên biệt có thể viết mã, định cấu hình Firebase Security Rules, và quản lý tài nguyên trực tiếp.

Hướng dẫn này trình bày cách sử dụng tác nhân lập trình AI để giúp thiết lập Cloud Firestore, AuthenticationFirebase Hosting cho ứng dụng web. Hãy quay lại sớm để biết thông tin về ứng dụng iOS, Android và Flutter!

Tại sao nên sử dụng các công cụ và kỹ năng của tác nhân Firebase?

Các mô hình AI chung thường gặp khó khăn với các cấu hình dự án cụ thể hoặc thông tin lỗi thời. Bộ công cụ này giúp khắc phục khoảng cách đó:

  • Các kỹ năng của tác nhân Firebase: Các kỹ năng này cung cấp cho tác nhân lập trình kiến thức chuyên môn về miền. Các kỹ năng này cung cấp tài liệu cập nhật và quy trình làm việc tối ưu để tác nhân biết cách chính xác mà Firebase đề xuất để cấu trúc kiến trúc của bạn.
  • Máy chủ MCP Firebase: Máy chủ MCP cung cấp cho tác nhân lập trình ngữ cảnh và quyền truy cập. Máy chủ này thiết lập một giao thức tiêu chuẩn để tác nhân kiểm tra theo chương trình các tài nguyên dự án đang hoạt động, tệp cục bộ và cấu hình.
  • Firebase CLI: Giao diện dòng lệnh cung cấp cho tác nhân lập trình quyền thực thi. Đây là công cụ thực thi mà tác nhân sử dụng để thực hiện các tác vụ nặng nhọc như khởi động cơ sở dữ liệu, quản lý cấu hình xác thực người dùng và triển khai mã thay cho bạn.

Việc sử dụng các kỹ năng của tác nhân Firebase cùng với Firebase CLI và Firebase MCP máy chủ sẽ giúp tác nhân lập trình AI có thêm các khả năng sau:

  • Thực hiện hành động: Không chỉ viết mã. Tác nhân có thể khởi động các dịch vụ, quản lý Authentication người dùng, triển khai Firebase Security Rules mới và làm việc trực tiếp với dữ liệu Cloud Firestore của bạn.
  • Luôn cập nhật: Sử dụng các câu lệnh chính thức, nhận biết phiên bản để hướng dẫn tác nhân thực hiện các tác vụ thiết lập.
  • Cải thiện độ chính xác: Truy cập vào môi trường và lược đồ của dự án để cung cấp thông tin trợ giúp phù hợp và chính xác hơn.
  • Giảm chi phí mã thông báo: Các kỹ năng của tác nhân chỉ tải tài liệu chi tiết khi một tác vụ cụ thể yêu cầu, giúp giảm thiểu chi phí phiên.

Các công cụ và kỹ năng của tác nhân có thể hỗ trợ những dịch vụ nào của Firebase?

Hướng dẫn này tập trung chủ yếu vào cách các kỹ năng của tác nhân, Firebase CLI và máy chủ MCP Firebase phối hợp với nhau để giúp bạn nhanh chóng thiết lập các dịch vụ và tính năng sau:

  • Cloud Firestore: Cung cấp cơ sở dữ liệu NoSQL.
  • Authentication: Thiết lập quy trình đăng nhập an toàn cho người dùng.
  • Firebase Security Rules: Tạo và tinh chỉnh Security Rules cho ứng dụng của bạn.
  • Firebase Hosting: Thiết lập dự án để triển khai ứng dụng web tĩnh.

Để xem danh sách đầy đủ các tính năng có sẵn, hãy duyệt xem danh sách đầy đủ các kỹ năng của tác nhân Firebase.

Quy trình làm việc chung

Các bước sau đây mô tả quy trình làm việc chung về cách sử dụng các kỹ năng của tác nhân Firebase để thiết lập và sử dụng các dịch vụ Firebase trong ứng dụng web. Ở phía sau, các kỹ năng của tác nhân đang sử dụng Firebase CLI và máy chủ MCP Firebase để hoàn thành các tác vụ này.

Bước 1: Cài đặt các kỹ năng của tác nhân Firebase

Trong hầu hết trường hợp, bạn có thể cài đặt các kỹ năng của tác nhân Firebase trong trình chỉnh sửa mà bạn muốn bằng một câu lệnh duy nhất:

Antigravity

Các kỹ năng của tác nhân Firebase được đưa vào một trong các gói tích hợp Build with Google cho Antigravity. Bạn có thể bật gói này để truy cập ở cấp độ chung tại hai điểm:

  • Trong quá trình thiết lập: Đánh dấu vào hộp cho ngăn xếp Firebase.
  • Trong phần cài đặt: Chuyển đến Settings > Customizations. Trong phần Build with Google Plugins (Các trình bổ trợ Build with Google), hãy nhấp vào Customize (Tuỳ chỉnh), sau đó nhấp vào Download (Tải xuống) để tích hợp Firebase.

Nếu bạn muốn truy cập ở cấp độ dự án, hãy chạy lệnh sau trong thư mục của dự án:

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

Claude Code

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

Codex

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

Cursor

Bạn có thể cài đặt các kỹ năng của tác nhân Firebase trực tiếp từ Cursor Marketplace hoặc bằng cách chạy lệnh sau trong thiết bị đầu cuối:

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

Các tác nhân khác

npx skills add firebase/agent-skills

Bước 2: Kết nối với máy chủ MCP Firebase

Mặc dù nhiều kỹ năng của tác nhân Firebase sử dụng Firebase CLI cho các tác vụ, nhưng bạn nên kết nối tác nhân lập trình AI với máy chủ MCP Firebase. Kết nối này giúp tăng cường khả năng tương tác của tác nhân với môi trường Firebase, cung cấp khả năng tích hợp và truy cập sâu hơn.

Phương pháp sử dụng AI

Trong hầu hết trường hợp, bạn có thể yêu cầu tác nhân lập trình AI thiết lập máy chủ MCP Firebase. Tuy nhiên, nếu tác nhân gặp khó khăn hoặc bạn không thấy máy chủ MCP Firebase được liệt kê, hãy chuyển sang phương pháp Thủ công.

Phương pháp thủ công

Antigravity

Cách định cấu hình Antigravity để sử dụng máy chủ MCP Firebase:

  1. Trong Antigravity, hãy nhấp vào trình đơn trong ngăn Tác nhân > MCP Servers (Máy chủ MCP).
  2. Chọn Firebase > Install (Cài đặt).

Thao tác này sẽ tự động cập nhật tệp mcp_config.json. Bạn có thể xem tệp này bằng cách nhấp vào Manage MCP Servers ở đầu ngăn Cửa hàng MCP > View raw config với nội dung sau:

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

Firebase Studio

Để định cấu hình Firebase Studio sử dụng máy chủ MCP Firebase, hãy chỉnh sửa hoặc tạo tệp cấu hình: .idx/mcp.json.

Nếu tệp này chưa tồn tại, hãy tạo tệp bằng cách nhấp chuột phải vào thư mục mẹ rồi chọn New file (Tệp mới). Thêm nội dung sau vào tệp:

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

Claude

Claude Code

  • Cách 1: Cài đặt thông qua trình bổ trợ (Nên dùng)

    Cách dễ nhất để thiết lập máy chủ MCP Firebase trong Claude Code là cài đặt trình bổ trợ Firebase chính thức:

    1. Thêm Firebase Marketplace cho các trình bổ trợ Claude:

      claude plugin marketplace add firebase/firebase-tools
    2. Cài đặt trình bổ trợ Claude cho Firebase:

      claude plugin install firebase@firebase
    3. Xác minh quá trình cài đặt:

      claude plugin marketplace list
  • Cách 2: Định cấu hình máy chủ MCP theo cách thủ công

    Ngoài ra, bạn có thể định cấu hình máy chủ MCP Firebase theo cách thủ công:

    1. Chạy lệnh sau trong thư mục ứng dụng:

      claude mcp add firebase npx -- -y firebase-tools@latest mcp
    2. Xác minh quá trình cài đặt:

      claude mcp list

      Bạn sẽ thấy:

      firebase: npx -y firebase-tools@latest mcp - ✓ Connected
      

Claude Desktop

Để định cấu hình Claude Desktop sử dụng máy chủ MCP Firebase, hãy chỉnh sửa tệp claude_desktop_config.json. Bạn có thể mở hoặc tạo tệp này trong trình đơn Claude > Settings (Claude > Cài đặt). Chọn thẻ Developer (Nhà phát triển), sau đó nhấp vào Edit Config (Chỉnh sửa cấu hình).

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

Cline

Để định cấu hình Cline sử dụng máy chủ MCP Firebase, hãy chỉnh sửa tệp cline_mcp_settings.json. Bạn có thể mở hoặc tạo tệp này bằng cách nhấp vào biểu tượng Máy chủ MCP ở đầu ngăn Cline, sau đó nhấp vào nút Configure MCP Servers (Định cấu hình máy chủ MCP).

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

Cursor

Cách 1: Trình bổ trợ Marketplace (nên dùng)

Cài đặt trình bổ trợ Firebase từ Cursor Marketplace. Thao tác này sẽ tự động định cấu hình máy chủ MCP và cung cấp quyền truy cập vào các kỹ năng của tác nhân Firebase.

Cách 2: Thiết lập MCP bằng một lần nhấp

Nếu bạn chỉ muốn thêm máy chủ MCP vào cấu hình chung, hãy nhấp vào nút sau:

Cài đặt máy chủ MCP

Cách 3: Cấu hình thủ công

Nếu bạn muốn định cấu hình máy chủ cho một dự án cụ thể hoặc muốn chỉnh sửa chế độ cài đặt theo cách thủ công, hãy cập nhật tệp mcp.json:

  • Đối với một dự án cụ thể, hãy chỉnh sửa .cursor/mcp.json
  • Đối với tất cả dự án (chung), hãy chỉnh sửa ~/.cursor/mcp.json
"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

VS Code Copilot

Để định cấu hình một dự án duy nhất, hãy chỉnh sửa tệp .vscode/mcp.json trong không gian làm việc:

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

Để cung cấp máy chủ trong mọi dự án bạn mở, hãy chỉnh sửa chế độ cài đặt người dùng, ví dụ:

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

Lướt ván buồm

Để định cấu hình Windsurf Editor, hãy chỉnh sửa tệp ~/.codeium/windsurf/mcp_config.json:

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

Bước 3: Khởi động các dịch vụ Firebase

Sau khi thiết lập các công cụ và kỹ năng của tác nhân, giờ đây, bạn có thể sử dụng ngôn ngữ tự nhiên để tác nhân lập trình AI thiết lập Cloud Firestore, Authentication, và Firebase Hosting.

  1. Yêu cầu tác nhân thiết lập một dịch vụ. Ví dụ: bạn có thể sử dụng các câu lệnh như sau:

    • Thiết lập Cloud Firestore làm cơ sở dữ liệu cho ứng dụng này.
    • Tạo trang đăng nhập bằng Authentication và cập nhật Security Rules để đảm bảo chỉ những người dùng được xác thực mới có thể đọc và ghi dữ liệu của riêng họ.
    • Thiết lập Firebase Hosting và triển khai ứng dụng vào môi trường chính thức.
  2. Xem xét mọi thông tin và làm theo mọi bước được hướng dẫn mà tác nhân có thể cung cấp, chẳng hạn như:

    1. Kế hoạch: Tác nhân đề xuất một chiến lược dựa trên toàn bộ mã nguồn hiện có của bạn.
    2. Kết nối: Tác nhân liên kết mã cục bộ của bạn với một dự án Firebase hiện có hoặc giúp bạn tạo một dự án Firebase mới.
    3. Khởi động tài nguyên: Tác nhân thêm các thư viện và cấu hình Firebase cần thiết vào toàn bộ mã nguồn của bạn.
    4. Cập nhật tệp: Tác nhân tạo và cập nhật mọi tệp cần thiết, chẳng hạn như firestore.rules (để xác định người có thể đọc, ghi hoặc truy vấn dữ liệu trong cơ sở dữ liệu của bạn) hoặc firebase.json (để thông báo cho Firebase CLI những dịch vụ cần triển khai và cách định cấu hình các dịch vụ đó).
    5. Thực thi: Tác nhân hướng dẫn bạn thực hiện các bước cấu hình hoặc triển khai bổ sung.

Các mẹo chung để đưa ra câu lệnh cho tác nhân lập trình AI

Để tận dụng tối đa tác nhân lập trình AI, đặc biệt là khi làm việc với các hoạt động tích hợp đa dạng như Firebase, hãy coi hoạt động tương tác là sự cộng tác thay vì một lệnh duy nhất.

Nêu rõ ràng và cung cấp ngữ cảnh

Mặc dù máy chủ MCP Firebase cung cấp cho tác nhân ngữ cảnh quan trọng về dự án của bạn, nhưng các câu lệnh bằng ngôn ngữ tự nhiên rõ ràng và cụ thể sẽ mang lại kết quả tốt nhất. Tránh các yêu cầu mơ hồ.

  • Mơ hồ: "Khắc phục lỗi cơ sở dữ liệu."
  • Cụ thể: "Tôi gặp lỗi "permission denied" (quyền bị từ chối) khi cố gắng ghi vào bộ sưu tập "users" (người dùng) trong Cloud Firestore. Hãy xem xét firestore.rules của tôi và đề xuất cách khắc phục cho phép người dùng đã xác thực ghi vào tài liệu của riêng họ."

Thử nghiệm nhiều lần

Các tác nhân lập trình AI hiếm khi tạo ra mã hoàn hảo trong lần thử đầu tiên đối với các tác vụ phức tạp. Nếu câu trả lời chưa đúng ý bạn, hãy tiếp tục cuộc trò chuyện:

  • Cung cấp thông báo lỗi: Dán mọi lỗi thiết bị đầu cuối hoặc nhật ký bảng điều khiển trở lại cuộc trò chuyện.
  • Yêu cầu điều chỉnh: "Mã đó sử dụng SDK phiên bản 8 cũ. Hãy viết lại bằng SDK mô-đun Firebase phiên bản 9."
  • Yêu cầu giải thích: "Giải thích cách các Firebase Security Rules bảo vệ dữ liệu người dùng."

Xác minh trước khi thực thi

Các tác nhân lập trình AI rất mạnh mẽ, nhưng chúng có thể mắc lỗi hoặc "ảo tưởng" (tạo ra các hàm hoặc dịch vụ có tên không chính xác).

  • Xem xét mã: Luôn đọc kỹ mã được tạo, đặc biệt là Firebase Security Rules và tệp cấu hình (như firebase.json), trước khi triển khai vào môi trường chính thức.
  • Thử nghiệm cục bộ: Bất cứ khi nào có thể, hãy yêu cầu tác nhân giúp bạn thử nghiệm các thay đổi cục bộ trước khi triển khai các thay đổi đó.

Sử dụng kết nối MCP

Vì máy chủ MCP Firebase giúp tác nhân của bạn có thể xem trực tiếp cấu trúc dự án, nên bạn có thể tham chiếu các tệp cụ thể để nhận lời khuyên triển khai phù hợp.

  • Ví dụ: "Hãy xem tệp src/web/index.html của tôi và cho tôi biết vị trí thêm tập lệnh khởi động Firebase tiêu chuẩn."

Các bước tiếp theo