Trang web thân thiện với nhân viên hỗ trợ
WebMCP API
Tổng quan
WebMCP là gì và tại sao bạn nên quan tâm?
Imperative API
Xác định các công cụ WebMCP bằng JavaScript tiêu chuẩn để thực thi các hàm dành riêng cho trang web, chẳng hạn như nhập dữ liệu vào biểu mẫu và điều hướng trang web.
Declarative API
Biến biểu mẫu HTML chuẩn thành công cụ WebMCP bằng cách thêm chú thích.
WebMCP và MCP
WebMCP và MCP cùng nhau giúp các tác nhân hoàn thành những nhiệm vụ được cá nhân hoá thay cho người dùng.
Cách hoạt động của WebMCP
Các công cụ đăng ký trang web
Trang web của bạn khai báo những hành động mà tác nhân có thể thực hiện dưới dạng công cụ WebMCP. Mỗi công cụ đều có tên, nội dung mô tả và giản đồ JSON.
// Imperative API document.modelContext.registerTool({ name: "bookSlot", title: "Book a consultation slot", description: "Reserve a 30-minute consultation.", inputSchema: { type: "object", properties: { date: { type: "string", format: "date" }, time: { type: "string" }, name: { type: "string" }, email: { type: "string", format: "email" } }, required: ["date", "time", "name", "email"] }, annotations: { readOnlyHint: false }, execute: async (input, client) => { return await api.book(input); } });
Trình duyệt sẽ hiển thị các thông tin này
Trình duyệt thu thập và trình bày những công cụ này cho tác nhân có nhận biết WebMCP của người dùng, cùng với URL, tiêu đề và phạm vi quyền gốc của trang.
Tác nhân này hành động nhanh chóng và đáng tin cậy
Tác nhân sẽ thấy một hợp đồng, cung cấp các đối số có cấu trúc và mã của bạn sẽ thực hiện phần còn lại. Người dùng luôn nắm được thông tin về quyền và thông tin xác nhận. Phương pháp này nhanh hơn và đáng tin cậy hơn thao tác tự động.
// the agent's view { "tool": "bookSlot", "arguments": { "date": "2026-07-31", "time": "14:00", "name": "Jerry Jones", "email": "jerry.jones@example.com" } }
Tối ưu hoá trang web cho tác nhân
Trường hợp sử dụng WebMCP
Đọc các ví dụ từ góc nhìn của người dùng và nhân viên hỗ trợ để hiểu những công cụ WebMCP nào hỗ trợ hành trình trọng yếu của người dùng (CUJ).
Lập kế hoạch cho chiến lược WebMCP
Cũng như khi phát triển bất kỳ ứng dụng phần mềm nào, bước đầu tiên bạn cần làm là lập chiến lược cho công cụ của mình.
Xây dựng các công cụ hiệu quả
Tìm hiểu cách xác định và xây dựng các công cụ WebMCP hữu ích cho trang web hoặc ứng dụng web của bạn.
Bảo mật công cụ WebMCP
Đọc hướng dẫn ban đầu của chúng tôi về bảo mật cho những người xây dựng công cụ bằng WebMCP.
Đánh giá WebMCP
Tạo bằng tác nhân AI
Hướng dẫn về web hiện đại
npx modern-web-guidance@latest install
Tạo tiện ích bằng các tác nhân lập trình
Những điều cần cân nhắc về sự an toàn dành cho nhà phát triển trợ lý
Giới thiệu Gemini trong Chrome
Trợ lý AI ngay trong trình duyệt. Nắm bắt thông tin quan trọng, làm rõ các khái niệm và tìm câu trả lời dựa trên ngữ cảnh của các thẻ bạn đang mở.
Gemini hoạt động trên các ứng dụng của Google để giúp bạn hoàn thành công việc trong ngày.