Sử dụng WebMCP để xây dựng các trang web hoạt động hiệu quả hơn với các tác nhân AI.

WebMCP API

WebMCP là gì và tại sao bạn nên quan tâm?

Đọc tài liệu

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.

Đọc tài liệu

Biến biểu mẫu HTML chuẩn thành công cụ WebMCP bằng cách thêm chú thích.

Đọc tài liệu

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 tài liệu

Cách hoạt động của WebMCP

Chỉ trong 3 bước, trang web của bạn sẽ cho các tác nhân biết chính xác những việc họ có thể làm.
Bước 1

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);
  }
});
Bước 2

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.

Trang web của bạn sẽ giao tiếp với trình duyệt, sau đó trình duyệt sẽ dịch cho tác nhân.
Bước 3

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

Tạo các công cụ bảo mật phù hợp với nhu cầu của người dùng và khả năng của trang web.

Đọ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).

Đọc tài liệu

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.

Đọc tài liệu

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.

Đọc tài liệu

Đọ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.

Đọc tài liệu

Trước khi phát hành các công cụ WebMCP, hãy kiểm tra để xác nhận rằng tác nhân hiểu thời điểm gọi công cụ, cách thực thi công cụ và câu trả lời nào được chấp nhận.

Đọc tài liệu

Tạo bằng tác nhân AI

Sử dụng Modern Web Guidance với các tác nhân lập trình AI mà bạn yêu thích để có thể áp dụng các phương pháp hay nhất về web trong quy trình làm việc mà bạn muốn.
npx modern-web-guidance@latest install
Sử dụng Hướng dẫn về web hiện đại để xây dựng tiện ích nhanh hơn nhờ sự trợ giúp của 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ý

Nhà phát triển tác nhân phải thiết kế các biện pháp bảo vệ để chống lại văn bản độc hại từ nội dung không đáng tin cậy. Chúng tôi xác định một số kỹ thuật bảo mật liên quan đến các tác nhân sử dụng WebMCP.

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.

Giới thiệu về tác nhân AI

Nắm rõ kiến thức cơ bản và định nghĩa của nhiều công nghệ mới nổi, thường được gọi là AI.
Là những chuyên viên web, điều tối quan trọng là chúng tôi phải xây dựng công nghệ mới một cách thấu đáo và có trách nhiệm.
Xây dựng nền tảng kiến thức về AI để thêm các tính năng vào trang web và ứng dụng web của bạn.