Đơn giản hoá quá trình thiết lập Firebase cho các ứ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 CLI và máy chủ Firebase MCP, bạn có thể biến tác nhân lập trình AI của mình 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ý các tài nguyên trực tiếp.
Hướng dẫn này trình bày cách sử dụng một tác nhân viết mã AI để giúp thiết lập Cloud Firestore, Authentication và Firebase Hosting cho một ứng dụng web. Hãy quay lại sau để xem thông tin về các ứng dụng iOS, Android và Flutter!
Tại sao nên sử dụng các kỹ năng và công cụ của trợ lý 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 sẽ giúp bạn thu hẹp khoảng cách đó:
- Các kỹ năng của tác nhân Firebase: Các kỹ năng 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 tài liệu này cung cấp thông tin 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ủ Firebase MCP: Máy chủ MCP cung cấp ngữ cảnh và quyền truy cập cho tác nhân lập trình. Công cụ này thiết lập một giao thức tiêu chuẩn để tác nhân kiểm tra theo phương thức lập trình các tài nguyên dự án đang hoạt động, tệp cục bộ và cấu hình của bạn.
- Firebase CLI: Giao diện dòng lệnh mang lại sức mạnh hữu ích cho tác nhân lập trình. Đây là công cụ thực thi mà tác nhân dùng để thực hiện các tác vụ nặng như khởi tạo 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 giao diện dòng lệnh Firebase và máy chủ Firebase MCP giúp tác nhân lập trình AI của bạn có thêm các khả năng sau:
- Hành động: Không chỉ viết mã. Tác nhân của bạn có thể khởi chạy các dịch vụ, quản lý người dùng Authentication, 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 thông tin: Sử dụng các câu lệnh chính thức, có nhận biết phiên bản để hướng dẫn nhân viên hỗ trợ ảo của bạ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à giản đồ 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í sử dụng mã thông báo: Các kỹ năng của trợ lý 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.
Những dịch vụ nào của Firebase mà các kỹ năng và công cụ của tác nhân có thể hỗ trợ?
Hướng dẫn này chủ yếu tập trung vào cách các kỹ năng của tác nhân, Firebase CLI và máy chủ Firebase MCP 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 kỹ năng của trợ lý ảo, hãy duyệt xem danh sách đầy đủ các kỹ năng của trợ lý ảo 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 trợ lý Firebase để thiết lập và sử dụng các dịch vụ Firebase trong một ứng dụng web. Đằng sau các kỹ năng của trợ lý, Firebase CLI và máy chủ Firebase MCP đang được dùng để hoàn tất các tác vụ này.
Bước 1: Cài đặt các kỹ năng của trợ lý 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 chỉ bằng một câu lệnh:
Antigravity
Các kỹ năng của đặc vụ Firebase được đưa vào một trong những gói tích hợp Xây dựng bằng Google cho Antigravity. Bạn có thể bật gói này để truy cập ở cấp độ toàn cầu tại 2 điểm:
- Trong quá trình thiết lập: Chọn hộp đánh dấu cho ngăn xếp Firebase.
- Trong phần cài đặt: Chuyển đến phần Cài đặt > Tuỳ chỉnh. Trong mục Build with Google Plugins (Xây dựng bằng các trình bổ trợ của Google), hãy nhấp vào Customize (Tuỳ chỉnh), rồi nhấp vào Download (Tải xuống) để tích hợp Firebase.
Nếu bạn muốn có quyề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
Con trỏ
Bạn có thể cài đặt các kỹ năng của trợ lý ảo Firebase ngay từ Cursor Marketplace hoặc bằng cách chạy lệnh sau trong cửa sổ dòng lệnh:
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ủ Firebase MCP
Mặc dù nhiều kỹ năng của tác nhân Firebase sử dụng CLI Firebase 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 của Firebase. Mối 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, mang đến 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 các 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 bạn gặp khó khăn hoặc không thấy máy chủ Firebase MCP trong danh sách, hãy chuyển sang Phương thức thủ công.
Phương thức thủ công
Antigravity
Cách định cấu hình Antigravity để sử dụng máy chủ MCP Firebase:
- Trong Antigravity, hãy nhấp vào trình đơn trong ngăn Agent (Tác nhân) > MCP Servers (Máy chủ MCP).
- Chọn Firebase > 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 Quản lý máy chủ MCP ở đầu ngăn Cửa hàng MCP > Xem cấu hình thô, 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ủ Firebase MCP, 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ủ Firebase MCP trong Claude Code là cài đặt trình bổ trợ Firebase chính thức:
Thêm trang web thương mại Firebase cho các trình bổ trợ Claude:
claude plugin marketplace add firebase/firebase-toolsCài đặt trình bổ trợ Claude cho Firebase:
claude plugin install firebase@firebaseXá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ủ Firebase MCP theo cách thủ công:
Chạy lệnh sau trong thư mục ứng dụng của bạn:
claude mcp add firebase npx -- -y firebase-tools@latest mcpXác minh quá trình cài đặt:
claude mcp listChương trình sẽ hiển thị:
firebase: npx -y firebase-tools@latest mcp - ✓ Connected
Claude Desktop
Để thiết lập Claude Desktop sử dụng máy chủ MCP của 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 > Cài đặt. Chọn thẻ Nhà phát triển, rồi nhấp vào 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 Định cấu hình máy chủ MCP.
{
"mcpServers": {
"firebase": {
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"],
"disabled": false
}
}
}
Con trỏ
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à 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á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 (toàn cục), 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, hãy chỉnh sửa tệp .vscode/mcp.json trong không gian làm việc của bạn:
"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ụ của Firebase
Sau khi thiết lập các kỹ năng và công cụ của tác nhân, giờ đây, bạn có thể sử dụng ngôn ngữ tự nhiên để thiết lập tác nhân lập trình AI Cloud Firestore, Authentication và Firebase Hosting.
Yêu cầu nhân viên hỗ trợ 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 uỷ quyền 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 cho kênh phát hành công khai.
Xem xét mọi thông tin và làm theo mọi bước hướng dẫn mà nhân viên hỗ trợ có thể cung cấp, chẳng hạn như:
- 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.
- Kết nối: Đặc vụ 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.
- Khởi tạo tài nguyên: Tác nhân của bạn sẽ 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.
- Cập nhật tệp: Đặc vụ của bạ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 những 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ặcfirebase.json(để thông báo cho CLI Firebase biết những dịch vụ cần triển khai và cách định cấu hình các dịch vụ đó). - Thực thi: Trợ lý sẽ hướng dẫn bạn các bước triển khai hoặc cấu hình bổ sung.
Các mẹo chung để đưa ra câu lệnh cho tác nhân lập trình AI
Để khai thác 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à một sự cộng tác thay vì một lệnh đơn lẻ.
Trình bày cụ thể và cung cấp bối cảnh
Mặc dù máy chủ MCP của Firebase cung cấp cho tác nhân thông tin ngữ cảnh quan trọng về dự án của bạn, nhưng câu lệnh rõ ràng và cụ thể bằng ngôn ngữ tự nhiên 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 "bị từ chối cấp quyền" khi cố gắng ghi vào tập hợp "users" trong Cloud Firestore. Xem xét
firestore.rulescủa tôi và đề xuất mộ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ọ."
Lặp lại và tinh chỉnh
Các tác nhân lập trình AI hiếm khi tạo ra mã hoàn hảo ngay từ lần đầ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 trò chuyện:
- Cung cấp thông báo lỗi: Dán mọi lỗi trên thiết bị đầu cuối hoặc nhật ký bảng điều khiển vào cuộc trò chuyện.
- Yêu cầu điều chỉnh: "Mã đó sử dụng SDK phiên bản 8 cũ. Viết lại bằng Firebase SDK mô-đun phiên bản 9."
- Yêu cầu giải thích: "Giải thích cách những Firebase Security Rules đó bảo vệ dữ liệu người dùng."
Xác minh trước khi thực hiện
Các tác nhân lập trình AI rất mạnh mẽ, nhưng chúng có thể mắc sai lầm 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ã đã tạo, đặc biệt là Firebase Security Rules và các tệp cấu hình (chẳng hạn như
firebase.json), trước khi triển khai cho sản xuất. - Thử nghiệm trên thiết bị: Bất cứ khi nào có thể, hãy yêu cầu nhân viên hỗ trợ giúp bạn thử nghiệm các thay đổi trên thiết bị trước khi áp dụng các thay đổi đó.
Sử dụng kết nối MCP
Vì máy chủ Firebase MCP cho phép tác nhân của bạn 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 được lời khuyên triển khai phù hợp.
- Ví dụ: "Xem tệp
src/web/index.htmlcủa tôi và cho tôi biết vị trí cần thêm tập lệnh khởi chạy Firebase tiêu chuẩn."
Các bước tiếp theo
- Duyệt xem danh sách đầy đủ tất cả các kỹ năng của trợ lý Firebase hiện có.
- Duyệt xem danh sách đầy đủ tất cả các câu lệnh, công cụ và tài nguyên mà máy chủ MCP Firebase cung cấp.
- Tìm hiểu thêm về các công cụ do Firebase CLI cung cấp.