ผสานรวมบริการ Firebase โดยใช้ความช่วยเหลือจาก AI

เพิ่มประสิทธิภาพการตั้งค่า Firebase สำหรับเว็บแอปโดยใช้เครื่องมือพัฒนาที่ทำงานด้วยระบบ AI เช่น Antigravity, Claude Code, Codex และ Cursor การใช้ทักษะของเอเจนต์ Firebase ร่วมกับ Firebase CLI และเซิร์ฟเวอร์ Firebase MCP จะช่วยเปลี่ยน เอเจนต์การเขียนโค้ด AI ให้เป็นผู้เชี่ยวชาญ Firebase ที่เขียนโค้ด กำหนดค่า Firebase Security Rules และจัดการทรัพยากรที่ใช้งานจริงได้

คู่มือนี้ครอบคลุมการใช้เอเจนต์การเขียนโค้ด AI เพื่อช่วยตั้งค่า Cloud Firestore, Firebase Authentication และ Firebase Hosting สำหรับเว็บแอป โปรดกลับมาดูข้อมูลเกี่ยวกับแอป iOS, Android และ Flutter เร็วๆ นี้

เหตุใดจึงควรใช้ทักษะและเครื่องมือของเอเจนต์ Firebase

เอเจนต์การเขียนโค้ด AI มักจะประสบปัญหาในการกำหนดค่าโปรเจ็กต์ที่เฉพาะเจาะจงหรือข้อมูลที่ล้าสมัย ชุดเครื่องมือนี้ช่วยลดช่องว่างดังกล่าวด้วยการรวมคำสั่งเฉพาะทาง (ทักษะของเอเจนต์) เข้ากับเครื่องมือการดำเนินการของเอเจนต์ 2 ประเภทที่เสริมกัน (CLI และ เซิร์ฟเวอร์ MCP)

• ทักษะเอเจนต์ Firebase: มอบความเชี่ยวชาญและเวิร์กโฟลว์ในโดเมนให้เอเจนต์การเขียนโค้ด ในฐานะเลเยอร์คำสั่ง ทักษะจะแนะนำแนวทางปฏิบัติแนะนำในการทำงานกับ Firebase ให้กับเอเจนต์ ซึ่งรวมถึงการเขียนโค้ด นอกจากนี้ ทักษะยังสอน Agent เมื่อใดและอย่างไรในการใช้ Firebase CLI และเซิร์ฟเวอร์ Firebase MCP
• เครื่องมือการดำเนินการของเอเจนต์
  • Firebase CLI (เครื่องมือบรรทัดคำสั่ง) มีเครื่องมือสำหรับวงจรโปรเจ็กต์และงานด้านสภาพแวดล้อม เอเจนต์สามารถเรียกใช้คำสั่ง CLI ในสภาพแวดล้อมของเทอร์มินัลเพื่อตั้งค่า บริการในโปรเจ็กต์ Firebase, ทรัพยากรของเว็บไซต์หรือแบ็กเอนด์ทั้งหมด เริ่มโปรแกรมจำลองในเครื่อง และอื่นๆ
  • เซิร์ฟเวอร์ MCP ของ Firebase (เครื่องมือและแหล่งข้อมูลแบบเป็นโปรแกรม) มีเครื่องมือสำหรับการตรวจสอบแบบเรียลไทม์และการดำเนินการกับข้อมูล ผ่านการเรียกใช้เครื่องมือที่มีโครงสร้าง Agent สามารถค้นหาและอัปเดตCloud Firestoreเอกสาร จัดการผู้ใช้ Firebase Authentication ตรวจสอบ Security Rules ดึงบันทึกหรือเอกสารแบบเรียลไทม์ลงในบริบทโดยตรง และอื่นๆ ได้โดยอัตโนมัติ

การใช้ทักษะของเอเจนต์ Firebase ควบคู่ไปกับ Firebase CLI และเซิร์ฟเวอร์ Firebase MCP จะช่วยให้เอเจนต์การเขียนโค้ด AI มีความสามารถเพิ่มเติมดังนี้

• ดำเนินการ: ทำมากกว่าแค่เขียนโค้ด เอเจนต์สามารถเริ่มต้นบริการ จัดการFirebase Authenticationผู้ใช้ ติดตั้งใช้งานFirebase Security Rulesใหม่ และทำงาน กับข้อมูลCloud Firestoreของคุณได้โดยตรง
• ติดตามข่าวสารล่าสุด: ใช้พรอมต์อย่างเป็นทางการที่รับรู้เวอร์ชันเพื่อแนะนํา Agent ในการตั้งค่า
• ปรับปรุงความแม่นยำ: เข้าถึงสภาพแวดล้อมและสคีมาของโปรเจ็กต์เพื่อรับความช่วยเหลือที่เกี่ยวข้องและแม่นยำมากขึ้น
• ลดต้นทุนโทเค็น: ทักษะของเอเจนต์จะโหลดเอกสารประกอบแบบละเอียดเมื่อมี งานที่เฉพาะเจาะจงเท่านั้น ซึ่งจะช่วยลดค่าใช้จ่ายของเซสชัน

บริการ Firebase ที่เกี่ยวข้อง

คู่มือนี้มุ่งเน้นที่วิธีที่ทักษะของเอเจนต์ Firebase CLI และเซิร์ฟเวอร์ MCP ของ Firebase ทำงานร่วมกันเพื่อช่วยให้คุณตั้งค่าบริการและฟีเจอร์ต่อไปนี้ได้อย่างรวดเร็ว

• Cloud Firestore: จัดสรรฐานข้อมูล NoSQL
• Firebase Authentication: ตั้งค่าการลงชื่อเข้าใช้ของผู้ใช้ที่ปลอดภัย
• Firebase Security Rules: สร้างและปรับแต่ง Security Rules สำหรับแอป
• Firebase Hosting: ตั้งค่าโปรเจ็กต์สําหรับการติดตั้งใช้งานเว็บแอปแบบคงที่

ดูรายการทั้งหมดที่มีให้บริการได้ที่รายการทักษะของตัวแทน Firebase ทั้งหมด

เวิร์กโฟลว์ทั่วไป

ขั้นตอนต่อไปนี้อธิบายเวิร์กโฟลว์ทั่วไปเกี่ยวกับวิธีใช้ทักษะของเอเจนต์ Firebase เพื่อตั้งค่าและใช้บริการ Firebase ในเว็บแอป เบื้องหลังการทำงาน ทักษะของเอเจนต์จะใช้ Firebase CLI และเซิร์ฟเวอร์ MCP ของ Firebase เพื่อทํางานเหล่านี้ให้เสร็จสมบูรณ์

ขั้นตอนที่ 1: ติดตั้งทักษะเอเจนต์ Firebase

ในกรณีส่วนใหญ่ คุณสามารถติดตั้งทักษะเอเจนต์ Firebase ในโปรแกรมแก้ไขที่ต้องการได้ ด้วยพรอมต์เดียว

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

npx skills add firebase/agent-skills

ขั้นตอนที่ 2: เชื่อมต่อกับเซิร์ฟเวอร์ MCP ของ Firebase

แม้ว่าทักษะของเอเจนต์ Firebase หลายอย่างจะใช้ FirebaseCLI สำหรับงานต่างๆ แต่เราขอแนะนำให้เชื่อมต่อเอเจนต์การเขียนโค้ด AI กับเซิร์ฟเวอร์ MCP ของ Firebase ด้วย การเชื่อมต่อนี้ช่วยเพิ่มความสามารถของเอเจนต์ในการโต้ตอบกับสภาพแวดล้อม Firebase ของคุณ ซึ่งจะช่วยให้การผสานรวมและการเข้าถึงมีความลึกซึ้งยิ่งขึ้น

วิธีการที่ใช้ AI ช่วย

ในกรณีส่วนใหญ่ คุณสามารถขอให้เอเจนต์การเขียนโค้ด AI ตั้งค่าเซิร์ฟเวอร์ Firebase MCP ได้ อย่างไรก็ตาม หากมีปัญหาหรือคุณไม่เห็นเซิร์ฟเวอร์ Firebase MCP ที่แสดงอยู่ ให้เปลี่ยนไปใช้วิธีการด้วยตนเอง

วิธีการด้วยตนเอง

{
  "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
    }
  }
}

"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"]
  }
}

ขั้นตอนที่ 3: เริ่มต้นบริการ Firebase

เมื่อตั้งค่าทักษะและเครื่องมือของ Agent แล้ว ตอนนี้คุณสามารถใช้ภาษาธรรมชาติ เพื่อตั้งค่า Agent การเขียนโค้ด AI ให้ตั้งค่า Cloud Firestore, Firebase Authentication และ Firebase Hosting ได้แล้ว

1. ขอให้ตัวแทนตั้งค่าบริการ เช่น คุณสามารถใช้พรอมต์ ต่อไปนี้ได้

   • ตั้งค่า Cloud Firestore เป็นฐานข้อมูลสำหรับแอปนี้
   • สร้างหน้าเข้าสู่ระบบโดยใช้ Authentication และอัปเดต Security Rules เพื่อ ให้มั่นใจว่ามีเพียงผู้ใช้ที่ได้รับอนุญาตเท่านั้นที่อ่านและเขียนข้อมูลของตนเองได้
   • ตั้งค่าFirebase Hostingและติดตั้งใช้งานแอปในเวอร์ชันที่ใช้งานจริง

2. ตรวจสอบข้อมูลและทำตามขั้นตอนที่แนะนำซึ่ง Agent อาจ ระบุไว้ เช่น

   1. แผน: Agent จะเสนอแนะกลยุทธ์โดยอิงตามโค้ดเบสที่มีอยู่
   2. เชื่อมต่อ: ตัวแทนจะลิงก์โค้ดในเครื่องกับโปรเจ็กต์ Firebase ที่มีอยู่ หรือช่วยคุณสร้างโปรเจ็กต์ Firebase ใหม่
   3. เริ่มต้นทรัพยากร: เอเจนต์จะเพิ่มไลบรารีและการกำหนดค่า Firebase ที่จำเป็นลงในฐานของโค้ด
   4. อัปเดตไฟล์: เอเจนต์จะสร้างและอัปเดตไฟล์ที่จำเป็น เช่น firestore.rules (เพื่อกำหนดว่าใครอ่าน เขียน หรือค้นหาข้อมูล ภายในฐานข้อมูลได้) หรือ firebase.json (เพื่อแจ้งให้ Firebase CLI ทราบว่าจะติดตั้งใช้งานบริการใดและวิธีกำหนดค่า)
   5. ดำเนินการ: Agent จะแนะนำขั้นตอนการกำหนดค่าหรือ การติดตั้งใช้งานเพิ่มเติมให้คุณ

เคล็ดลับทั่วไปในการพรอมต์ Agent การเขียนโค้ด AI

หากต้องการใช้ประโยชน์จากเอเจนต์การเขียนโค้ด AI ให้ได้มากที่สุด โดยเฉพาะเมื่อทำงานร่วมกับการผสานรวมที่ซับซ้อน เช่น Firebase ให้ถือว่าการโต้ตอบเป็นการทำงานร่วมกันแทนที่จะเป็นคำสั่งแบบครั้งเดียว

ระบุให้ชัดเจนและให้บริบท

แม้ว่าเซิร์ฟเวอร์ MCP ของ Firebase จะให้บริบทที่สำคัญแก่ Agent เกี่ยวกับโปรเจ็กต์ของคุณ แต่พรอมต์ภาษาธรรมชาติที่ชัดเจนและเฉพาะเจาะจงจะให้ผลลัพธ์ที่ดีที่สุด หลีกเลี่ยงคำขอที่คลุมเครือ

• คลุมเครือ: "แก้ไขข้อผิดพลาดของฐานข้อมูล"
• เฉพาะเจาะจง: "ฉันได้รับข้อผิดพลาด "ปฏิเสธสิทธิ์" เมื่อพยายามเขียนไปยังคอลเล็กชัน "users" ใน Cloud Firestore โปรดตรวจสอบ firestore.rules และ แนะนำวิธีแก้ไขที่อนุญาตให้ผู้ใช้ที่ได้รับการตรวจสอบสิทธิ์เขียนเอกสารของตนเองได้"

ทำซ้ำและปรับแต่ง

AI Coding Agent มักไม่สร้างโค้ดที่สมบูรณ์แบบได้ตั้งแต่ครั้งแรกสำหรับงานที่ซับซ้อน หากคำตอบยังไม่ถูกต้องนัก ให้พูดคุยต่อโดยทำดังนี้

• ระบุข้อความแสดงข้อผิดพลาด: วางข้อผิดพลาดในเทอร์มินัลหรือบันทึกคอนโซลกลับ ลงในแชท
• ขอให้ปรับ: "โค้ดนั้นใช้ SDK v8 เวอร์ชันเก่า เขียนใหม่ โดยใช้ Firebase Modular SDK v9"
• ขอคำอธิบาย: "อธิบายวิธีที่ Firebase Security Rules ปกป้องข้อมูลผู้ใช้"

ยืนยันก่อนดำเนินการ

เอเจนต์การเขียนโค้ด AI มีประสิทธิภาพ แต่ก็อาจทำผิดพลาดหรือ "หลอน" ได้ (สร้างฟังก์ชันหรือบริการที่มีชื่อไม่ถูกต้อง)

• ตรวจสอบโค้ด: โปรดอ่านโค้ดที่สร้างขึ้นเสมอ โดยเฉพาะFirebase Security Rules และไฟล์การกำหนดค่า (เช่น firebase.json) ก่อนที่จะนำไปใช้ใน การผลิต
• ทดสอบในเครื่อง: ขอให้ตัวแทนช่วยทดสอบการเปลี่ยนแปลงในเครื่องก่อนที่จะเผยแพร่จริงทุกครั้งที่เป็นไปได้

ใช้การเชื่อมต่อ MCP

เนื่องจากเซิร์ฟเวอร์ MCP ของ Firebase ช่วยให้เอเจนต์ของคุณมองเห็นโครงสร้างโปรเจ็กต์ได้โดยตรง คุณจึงอ้างอิงไฟล์ที่เฉพาะเจาะจงเพื่อรับคำแนะนำในการติดตั้งใช้งานที่ปรับแต่งแล้วได้

• ตัวอย่าง: "ดูsrc/web/index.htmlไฟล์ของฉันและบอกฉันว่าควรเพิ่ม สคริปต์การเริ่มต้น Firebase มาตรฐานที่ใด"

ขั้นตอนถัดไป

• เรียกดูรายการทักษะเอเจนต์ Firebase ทั้งหมดที่มี
• ดูรายการพรอมต์ เครื่องมือ และแหล่งข้อมูลทั้งหมดที่พร้อมใช้งานซึ่ง เซิร์ฟเวอร์ MCP ของ Firebase มีให้
• ดูข้อมูลเพิ่มเติมเกี่ยวกับเครื่องมือที่ Firebase CLI มีให้