WebMCP เป็นมาตรฐานเว็บที่เสนอสำหรับเว็บไซต์เพื่อเปิดเผย ฟังก์ชันการทำงานเป็นเครื่องมือที่มีโครงสร้างซึ่งเรียกใช้โดย AI Agent เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สำหรับ Agent ช่วยให้เอเจนต์การเขียนโค้ดโต้ตอบกับเครื่องมือเหล่านี้ได้โดยตรง ซึ่งจะช่วยคุณวิเคราะห์และให้คำแนะนำเกี่ยวกับวิธีเตรียมเว็บไซต์ให้พร้อมสำหรับ WebMCP
การใช้เครื่องมือสำหรับนักพัฒนาเว็บสำหรับเอเจนต์จะช่วยให้คุณยืนยันได้ว่าแอปพลิเคชันของคุณแสดงเครื่องมือ WebMCP อย่างถูกต้อง ทดสอบการดำเนินการ และระบุจุดที่ AI Agent ได้รับประโยชน์จากฟังก์ชันการทำงานเพิ่มเติมที่แสดงในเว็บไซต์ คุณสามารถติดตั้งใช้งาน WebMCP ในเว็บไซต์ได้โดยใช้ทักษะ Agentic AI ที่รวมอยู่ในคำแนะนำในการพัฒนาเว็บที่ทันสมัย
เมื่อทำงานกับ WebMCP โปรดคำนึงถึงสิ่งต่อไปนี้
- Flag เวอร์ชันทดลอง: หมวดหมู่ WebMCP จะไม่ทำงานโดยค่าเริ่มต้น ใช้แฟล็ก
--categoryExperimentalWebmcpดูข้อมูลเพิ่มเติมเกี่ยวกับการเข้าร่วมได้ที่ช่วงทดลองใช้ WebMCP จากต้นทาง - ข้อกำหนดของเบราว์เซอร์: ฟีเจอร์นี้ต้องใช้ Chrome 149 ขึ้นไปที่เปิดใช้ฟีเจอร์ WebMCP ซึ่งหมายความว่าเว็บไซต์ที่คุณกำลังทดสอบได้ลงทะเบียน ในช่วงทดลองใช้จากต้นทางของ WebMCP หรือคุณได้ เปิดใช้ฟีเจอร์ WebMCP ที่เกี่ยวข้อง ด้วยตนเองในเบราว์เซอร์ Chrome ในเครื่อง
- ความแตกต่างของกลุ่มเป้าหมาย: แม้ว่าเซิร์ฟเวอร์ MCP ของเครื่องมือสำหรับนักพัฒนาเว็บจะเป็นฟีเจอร์การแก้ไขข้อบกพร่องที่มุ่งเป้าไปที่นักพัฒนาแอป แต่เครื่องมือ WebMCP สามารถเรียกใช้ได้โดยทุกคนที่ใช้เอเจนต์เบราว์เซอร์เพื่อโต้ตอบกับเว็บไซต์ DevTools สำหรับเอเจนต์ ช่วยให้คุณสร้างและทดสอบเครื่องมือ WebMCP ที่ผู้ใช้มองเห็นได้เหล่านั้น
กรณีการใช้งานสำหรับการทดสอบและแก้ไขข้อบกพร่องของเครื่องมือ WebMCP
คุณใช้ WebMCP ได้หลายวิธี เว็บไซต์แต่ละแห่งแตกต่างกัน เช่นเดียวกับชุดเครื่องมือ WebMCP ทําตาม เฟรมเวิร์กของเราเกี่ยวกับวิธีกําหนดและสร้างเครื่องมือที่ มีประโยชน์สําหรับเว็บไซต์หรือเว็บแอปพลิเคชัน
ตัวอย่างเช่น หากคุณมีเว็บไซต์บริษัทท่องเที่ยวที่มีเครื่องมือช่วยให้ตัวแทนของผู้ใช้ทำตามการดำเนินการที่เกี่ยวข้องได้สำเร็จ นี่คือตัวอย่างพรอมต์ที่คุณใช้กับ DevTools สำหรับตัวแทนเพื่อทดสอบว่าเครื่องมือทำงานตามที่ตั้งใจไว้
สั่งให้ตัวแทนแสดงรายการและเรียกใช้เครื่องมือ WebMCP เพื่อเพิ่มประสิทธิภาพการทดสอบและการพัฒนา
หมายเหตุ: ขั้นตอนการดำเนินการของเอเจนต์เป็นตัวอย่างของลักษณะการทำงานที่อาจเกิดขึ้น เนื่องจากเอเจนต์มีหลายประเภทและเป็นแบบไม่แน่นอน คุณจึงอาจเห็นผลลัพธ์ที่แตกต่างกัน
ยืนยันการเปิดเผยเครื่องมือ WebMCP
เมื่อเพิ่มการรองรับ WebMCP ลงในเว็บไซต์ คุณสามารถมอบหมายให้ตัวแทนการเขียนโค้ด ตรวจสอบว่าเครื่องมือของคุณแสดงต่อเบราว์เซอร์อย่างถูกต้องและสคีมาอินพุต ได้รับการกำหนดไว้อย่างดี
ตัวอย่างพรอมต์:
Implement a 'book_flight' WebMCP tool to this page to help agents book flights. Verify that it's correctly registered and ready for AI agents to use.
ตัวอย่างการดำเนินการของเอเจนต์: เอเจนต์ตรวจพบความจำเป็นในการตรวจสอบเครื่องมือที่เปิดเผย
และเรียกใช้เครื่องมือ list_webmcp_tools โดยอัตโนมัติ โดยจะแยกวิเคราะห์
เอาต์พุต ยืนยันว่าลงทะเบียนเครื่องมือเรียบร้อยแล้ว และตรวจสอบ
ว่าสคีมามีรูปแบบที่ถูกต้อง
แก้ไขข้อบกพร่องการดำเนินการเครื่องมือ WebMCP
ยืนยันว่าตรรกะภายในของเครื่องมือ WebMCP ทำงานตามที่คาดไว้เมื่อ AI เรียกใช้ด้วยอินพุตที่เฉพาะเจาะจง คุณสามารถสั่งให้ตัวแทนเรียกใช้เครื่องมือและ ตรวจสอบการตอบกลับของแอปพลิเคชันได้
ตัวอย่างพรอมต์:
Try using the 'add_to_cart' tool on this page to add product 12345. Let me know if it succeeds or if the application throws any errors.
ตัวอย่างการดำเนินการของ Agent: Agent ของคุณจะจดจำความตั้งใจที่จะทดสอบการดำเนินการที่เฉพาะเจาะจง
โดยจะกำหนดสคีมาอินพุตที่ถูกต้องโดยอัตโนมัติ ใช้ execute_webmcp_tool เพื่อดำเนินการ และตรวจสอบการตอบสนองของแอปพลิเคชัน (รวมถึงการตรวจสอบบันทึกคอนโซล) เพื่อรายงานสถานะความสำเร็จหรือแก้ไขข้อบกพร่อง
แก้ปัญหาความชัดเจนของสคีมา
เมื่อ AI Agent เรียกใช้เครื่องมือ WebMCP ไม่ถูกต้องซ้ำๆ มักเกิดจากสคีมา JSON ที่ไม่ชัดเจน คุณขอให้ Agent ตรวจสอบสคีมาจากมุมมองของ LLM และแนะนำการปรับปรุงได้
ตัวอย่างพรอมต์:
My 'schedule_meeting' tool is failing to parse the various date formats sent by different AI agents. Can you review the tool's schema and suggest how I can improve the descriptions or constraints so agents know exactly which format is required?
ตัวอย่างการดำเนินการของเอเจนต์: เอเจนต์จะดึงเครื่องมือ WebMCP ที่เปิดเผยและ
วิเคราะห์ inputSchema สำหรับ "schedule_meeting" โดยระบุว่าพารามิเตอร์วันที่
ไม่มีคำอธิบายที่ชัดเจนหรือข้อจำกัดของรูปแบบ และแนะนำ
สคีมา JSON ที่แก้ไขแล้ว (เช่น การเพิ่มคำอธิบายอย่าง "Date in
YYYY-MM-DD format") เพื่อให้คุณนำไปใช้ในโค้ด