เครื่องมือ AI
โปรโตคอลบริบทโมเดล (MCP)
21 นาที
โปรโตคอลบริบทโมเดล (mcp) เป็นมาตรฐานสำหรับการเชื่อมต่อโมเดลภาษาขนาดใหญ่ (llms) กับแพลตฟอร์มเช่น back4app คู่มือนี้ครอบคลุมวิธีการเชื่อมต่อ back4app กับเครื่องมือ ai ต่อไปนี้โดยใช้ mcp เคอร์เซอร์ วินด์เซิร์ฟ (codium) visual studio code (copilot) cline (ส่วนขยาย vs code) claude desktop claude code เมื่อเชื่อมต่อแล้ว ผู้ช่วย ai ของคุณสามารถโต้ตอบและสอบถามโครงการ back4app ของคุณในนามของคุณได้ เอเจนต์ ai ที่ใช้ mcp ถูกกำหนดค่าให้มีการเข้าถึงแอป back4app ของคุณอย่างเต็มที่ ซึ่งรวมถึงความสามารถในการสร้าง แก้ไข และลบทรัพยากร เราขอแนะนำอย่างยิ่งให้ลองใช้บัญชีและแอปทดสอบก่อนเพื่อทำความเข้าใจความสามารถและผลกระทบที่อาจเกิดขึ้นก่อนที่จะใช้งานในสภาพแวดล้อมการผลิต ข้อกำหนดเบื้องต้น บัญชีที่สร้างขึ้นที่ back4app com (บัญชีใหม่แต่ละบัญชีมีขีดจำกัดแอปพลิเคชันเริ่มต้น หากคุณต้องการมากกว่านี้โปรดติดต่อเรา); ติดตั้ง nodejs เวอร์ชันล่าสุด (16^); เพื่อผลลัพธ์ที่ดีกว่าเราขอแนะนำให้ใช้โมเดล llm ที่ทันสมัยที่สุดและตัวแทนการเขียนโค้ด; https //www back4app com/docs/platform/activating web hosting เพื่อแสดงการปรับใช้บนซับโดเมนของคุณ; 1 สร้างคีย์บัญชี ก่อนอื่นให้ไปที่แดชบอร์ด back4app ของคุณและสร้างโทเค็นการเข้าถึงส่วนบุคคล เข้าสู่ระบบบัญชี back4app ของคุณ ชี้เมาส์ไปที่เมนู "สวัสดี, \[ชื่อผู้ใช้]" ไปที่ คีย์บัญชี และสร้างคีย์ใหม่ ตั้งชื่อที่อธิบายวัตถุประสงค์ของมัน เช่น "ai assistant mcp" คัดลอกโทเค็นอย่างปลอดภัย คุณจะไม่สามารถเห็นมันอีก จากนั้นให้ตั้งชื่อโทเค็นคีย์บัญชีของคุณและคลิกที่ + โทเค็นนี้จะถูกใช้เพื่อยืนยันเซิร์ฟเวอร์ mcp กับบัญชี back4app ของคุณ 2 ติดตั้ง mcp อัตโนมัติ ทำตามขั้นตอนเหล่านี้เพื่อติดตั้ง back4app mcp บน ide/llm ที่คุณต้องการ 2 1 รันคำสั่งติดตั้ง รันคำสั่งนี้ในเทอร์มินัลของคุณโดยแทนที่ \<ide> ด้วยสภาพแวดล้อมที่คุณต้องการและ your account key ด้วยคีย์บัญชีของคุณที่คัดลอกไว้ใน ขั้นตอนที่ 1 npx @back4app/mcp installer install \<ide> account key your account key คำสั่งเฉพาะสำหรับแต่ละ ide มีดังต่อไปนี้ เคอร์เซอร์ npx @back4app/mcp installer install cursor account key your account key วินด์เซิร์ฟ npx @back4app/mcp installer install windsurf account key your account key วิชวลสตูดิโอ npx @back4app/mcp installer install vscode account key your account key คลีน npx @back4app/mcp installer install cline account key your account key 2 2 ตรวจสอบการเชื่อมต่อ เคอร์เซอร์ ไปที่การตั้งค่า > การตั้งค่าเคอร์เซอร์ > mcp วินด์เซิร์ฟ ค้นหาแถบเครื่องมือด้านบนของการป้อนข้อมูล cascade และคลิกที่รีเฟรช วิชวลสตูดิโอ คลิกที่กำหนดค่าเครื่องมือในโหมดเอเจนต์ (copilot) และค้นหาเครื่องมือ mcp ของ back4app 3 ตั้งค่าในเครื่องมือ ai ของคุณ แบบแมนนวล เครื่องมือที่เข้ากันได้กับ mcp สามารถเชื่อมต่อกับ back4app โดยใช้เซิร์ฟเวอร์ back4app mcp ด้านล่างนี้คือคำแนะนำในการเชื่อมต่อกับเซิร์ฟเวอร์นี้โดยใช้เครื่องมือ ai ที่เป็นที่นิยม เคอร์เซอร์ เปิดเคอร์เซอร์และไปที่เมนูเคอร์เซอร์ ไปที่ เคอร์เซอร์ >การตั้งค่า >การตั้งค่าเคอร์เซอร์ >mcp คลิกที่ +เพิ่ม mcp ทั่วไปใหม่ จากนั้นเพิ่มการตั้งค่าดังต่อไปนี้ macos / linux { "mcpservers" { "back4app" { "command" "npx", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } windows { "mcpservers" { "back4app" { "command" "npx cmd", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } แทนที่ \<account key> ด้วยคีย์บัญชีของคุณที่คัดลอกจาก back4app บันทึกไฟล์การตั้งค่า การตั้งค่าแบบทางเลือก หากคุณต้องการการตั้งค่าโปรเจ็กต์ คุณสามารถสร้างไฟล์การตั้งค่าโปรเจ็กต์ในเครื่องได้ สร้าง cursor ไดเรกทอรีในรากโปรเจกต์ของคุณหากยังไม่มี สร้าง cursor/mcp json ไฟล์หากยังไม่มีและเปิดมัน เพิ่มการกำหนดค่าที่กล่าวถึงก่อนหน้านี้ windsurf เปิด windsurf และไปที่ผู้ช่วย cascade แตะที่ไอคอนค้อน (mcp) จากนั้นเลือก configure เพื่อเปิดไฟล์การกำหนดค่า เพิ่มการกำหนดค่าต่อไปนี้ macos / linux { "mcpservers" { "back4app" { "command" "npx", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } windows { "mcpservers" { "back4app" { "command" "npx cmd", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } แทนที่ \<account key> ด้วยคีย์บัญชีของคุณที่คัดลอกจาก back4app บันทึกไฟล์การกำหนดค่าและโหลดใหม่โดยการแตะ refresh ในผู้ช่วย cascade คุณควรเห็นสถานะที่ใช้งานอยู่สีเขียวหลังจากที่เซิร์ฟเวอร์เชื่อมต่อสำเร็จ visual studio(copilot) เปิด vs code และสร้าง vscode ไดเรกทอรีในรากโปรเจกต์ของคุณหากยังไม่มี สร้าง vscode/mcp json ไฟล์หากยังไม่มีและเปิดมัน เพิ่มการกำหนดค่าต่อไปนี้ macos / linux { "inputs" \[ { "type" "promptstring", "id" "back4app account key", "description" "back4app personal access token", "password" true } ], "servers" { "back4app" { "command" "npx", "args" \[" y", "@back4app/mcp server back4app\@latest"], "env" { "back4app account key" "${input\ back4app account key}" } } } } windows { "inputs" \[ { "type" "promptstring", "id" "back4app account key", "description" "back4app personal access token", "password" true } ], "servers" { "back4app" { "command" "npx cmd", "args" \[" y", "@back4app/mcp server back4app\@latest"], "env" { "back4app account key" "${input\ back4app account key}" } } } } บันทึกไฟล์การกำหนดค่า เปิดแชท copilot และสลับไปที่โหมด "agent" คุณควรเห็นไอคอนเครื่องมือที่คุณสามารถแตะเพื่อยืนยันว่าเครื่องมือ mcp พร้อมใช้งาน เมื่อคุณเริ่มใช้เซิร์ฟเวอร์ คุณจะถูกขอให้ป้อนโทเค็นการเข้าถึงส่วนบุคคลของคุณ ป้อนโทเค็นที่คุณสร้างไว้ก่อนหน้านี้ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการใช้ mcp ใน vs code โปรดดูเอกสารของ copilot cline เปิดส่วนขยาย cline ใน vs code และแตะที่ไอคอน mcp servers แตะที่ configure mcp servers เพื่อเปิดไฟล์การตั้งค่า เพิ่มการตั้งค่าต่อไปนี้ macos / linux { "mcpservers" { "back4app" { "command" "npx", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } windows { "mcpservers" { "back4app" { "command" "npx cmd", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } แทนที่ \<account key> ด้วยคีย์บัญชีของคุณที่คัดลอกจาก back4app บันทึกไฟล์การตั้งค่า cline ควรโหลดการตั้งค่าใหม่โดยอัตโนมัติ คุณควรเห็นสถานะที่ใช้งานอยู่สีเขียวหลังจากเชื่อมต่อเซิร์ฟเวอร์สำเร็จ คลาวด์เดสก์ท็อป เปิดคลาวด์เดสก์ท็อปและไปที่การตั้งค่า ภายใต้แท็บนักพัฒนา ให้แตะที่แก้ไขการตั้งค่าเพื่อเปิดไฟล์การกำหนดค่า เพิ่มการกำหนดค่าต่อไปนี้ macos / linux { "mcpservers" { "back4app" { "command" "npx", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } windows { "mcpservers" { "back4app" { "command" "npx cmd", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } แทนที่ \<account key> ด้วยคีย์บัญชีของคุณที่คัดลอกจาก back4app บันทึกไฟล์การกำหนดค่าและรีสตาร์ทคลาวด์เดสก์ท็อป จากหน้าจอแชทใหม่ คุณควรเห็นไอคอนค้อน (mcp) ปรากฏขึ้นพร้อมกับเซิร์ฟเวอร์ mcp ใหม่ที่พร้อมใช้งาน การติดตั้ง node js ที่ล้าสมัยอาจทำให้คำสั่ง npx ล้มเหลวในคลาวด์เดสก์ท็อป เราขอแนะนำให้ถอนการติดตั้งเวอร์ชันที่เก่ากว่า 16 และใช้ node js v16 หรือสูงกว่า โค้ดคลอด สร้างไฟล์ mcp json ในรากโปรเจกต์ของคุณหากยังไม่มี เพิ่มการตั้งค่าต่อไปนี้ macos / linux { "mcpservers" { "back4app" { "command" "npx", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } windows { "mcpservers" { "back4app" { "command" "npx cmd", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } แทนที่ \<account key> ด้วยคีย์บัญชีของคุณที่คัดลอกจาก back4app บันทึกไฟล์การตั้งค่า รีสตาร์ทโค้ดคลอดเพื่อใช้การตั้งค่าใหม่ การติดตั้ง node js ที่ล้าสมัยอาจทำให้คำสั่ง npx ล้มเหลวในโค้ดคลอด เราขอแนะนำให้ถอนการติดตั้งเวอร์ชันที่เก่ากว่า 16 และใช้ node js v16 หรือสูงกว่า 3 เครื่องมือที่มีให้ใช้งาน เมื่อเชื่อมต่อแล้ว ผู้ช่วย ai ของคุณสามารถทำงานได้หลากหลายบนบัญชี back4app ของคุณ นี่คือเครื่องมือบางส่วนที่มีให้ใช้งาน การจัดการแอป create parse app สร้างแอป parse ใหม่ get parse apps รับรายการแอป parse ทั้งหมดของคุณ get parse app รับรายละเอียดสำหรับแอป parse เฉพาะ set current app ตั้งค่าแอปเริ่มต้นสำหรับการดำเนินการถัดไป get current app รับแอปเริ่มต้นที่ตั้งไว้ในปัจจุบัน การเข้าถึง api โดยตรง (parse rest api) call parse api เรียกใช้จุดสิ้นสุด api rest ของ parse server เพื่อจัดการแอปของคุณอย่างเต็มที่ การดำเนินการฐานข้อมูล – สร้าง, อ่าน, อัปเดต, ลบวัตถุในทุกคลาส – การค้นหาที่หลากหลาย (ตัวกรอง, การจัดเรียง, การแบ่งหน้า, นับ, รวม, แยก) การจัดการผู้ใช้ & ความปลอดภัย – ลงทะเบียน / เข้าสู่ระบบ / ออกจากระบบ / รีเซ็ตรหัสผ่าน – บทบาท, acls & clps เพื่อป้องกันข้อมูลที่ระดับวัตถุและระดับคลาส เรียลไทม์ & การแจ้งเตือน – livequery ผ่าน websockets (สมัครสมาชิกเพื่อสร้าง/อัปเดต/ลบ) – การแจ้งเตือนแบบพุช & บันทึกการติดตั้ง เรียกใช้ฟังก์ชัน cloud code – ฟังก์ชัน cloud และงานที่กำหนดเวลา – ทริกเกอร์ก่อน/หลัง, webhook ที่กำหนดเอง ไฟล์, การวิเคราะห์ & ส่วนขยาย – อัปโหลด/ดาวน์โหลดไฟล์ cloud code และการโฮสต์เว็บบน parse app list cloud code and web hosting files แสดงรายการไฟล์ cloud code และการโฮสต์เว็บทั้งหมด get file content ดูเนื้อหาของไฟล์เฉพาะ deploy cloud code files นำไฟล์ cloud code ไปใช้ในแอปของคุณ deploy web hosting files นำไฟล์การโฮสต์เว็บไปใช้ในแอปของคุณ 4 ข้อพิจารณาด้านความปลอดภัย เซิร์ฟเวอร์ mcp มีการเข้าถึงบัญชี back4app ของคุณอย่างเต็มที่ด้วยสิทธิ์ของโทเค็นการเข้าถึงส่วนบุคคลของคุณ ซึ่งหมายความว่าเครื่องมือ ai สามารถสร้าง, แก้ไข, และเขียนทับแอปและข้อมูลของคุณได้เสมอ โปรดใช้ความระมัดระวังต่อไปนี้ ใช้บัญชีทดสอบเฉพาะ สำหรับการทดลองเริ่มต้น สร้างโทเค็นการเข้าถึงแยกต่างหาก โดยเฉพาะสำหรับการใช้งาน mcp อย่าแชร์ไฟล์การกำหนดค่าของคุณ ที่มีโทเค็นการเข้าถึง ตรวจสอบโค้ดและการเรียก api ทั้งหมด ที่สร้างหรือแก้ไขโดย ai ก่อนที่จะนำไปใช้ในผลิตภัณฑ์ เพิกถอนโทเค็นการเข้าถึง ทันทีหากคุณสงสัยว่ามีการใช้งานที่ไม่ได้รับอนุญาต 5 การแก้ไขปัญหา ปัญหาที่พบบ่อย การเชื่อมต่อผิดพลาด ตรวจสอบให้แน่ใจว่าโทเค็นการเข้าถึงส่วนบุคคลของคุณถูกต้องและป้อนอย่างถูกต้อง เซิร์ฟเวอร์ไม่ตอบสนอง ตรวจสอบว่าคุณได้ติดตั้ง node js และ npx ทำงานอย่างถูกต้อง ข้อผิดพลาดในการอนุญาต ตรวจสอบว่าโทเค็นการเข้าถึงของคุณมีสิทธิ์ที่จำเป็น การอัปเดตไม่ปรากฏ ลูกค้า mcp บางรายต้องการการรีสตาร์ทหลังจากการเปลี่ยนแปลงการกำหนดค่า 6 ขั้นตอนถัดไป เครื่องมือ ai ของคุณเชื่อมต่อกับ back4app โดยใช้ mcp แล้ว ลองถามผู้ช่วย ai ของคุณให้สร้างแอปใหม่ ปรับใช้โค้ดคลาวด์ หรือจัดการข้อมูลของคุณโดยใช้ภาษาธรรมชาติ หากคุณพบปัญหาใด ๆ หรือมีข้อเสนอแนะแบบฟีดแบ็ก โปรดส่งข้อความถึงเราที่ mailto\ community\@back4app com บทสรุป ด้วยการรวม mcp ของ back4app คุณสามารถใช้พลังของ ai agents เพื่อเร่งกระบวนการพัฒนาของคุณ จากการสร้างและกำหนดค่าแอปไปจนถึงการปรับใช้โค้ดและการจัดการข้อมูล ผู้ช่วย ai ของคุณสามารถโต้ตอบกับแพลตฟอร์ม back4app ได้อย่างราบรื่นในนามของคุณ