WebMCP 및 AI 에이전트
사용자와 AI 에이전트가 모두 사용할 수 있는 웹사이트와 애플리케이션을 빌드하세요.
WebMCP 작동 방식
단 3단계만으로 사이트에서 에이전트가 할 수 있는 작업을 정확하게 알려줍니다.
1단계
사이트에서 도구를 등록함
사이트는 에이전트가 WebMCP 도구로 취할 수 있는 작업을 선언합니다. 각 도구에는 이름, 설명, 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); } });
2단계
브라우저에서 이를 노출합니다.
브라우저는 페이지의 URL, 제목, 출처 권한 범위와 함께 이러한 도구를 사용자의 WebMCP 인식 에이전트에 수집하여 표시합니다.
3단계
상담사가 조치를 취하며 추측할 필요가 없습니다.
에이전트가 계약을 확인하고 구조화된 인수를 제공하면 코드가 나머지 작업을 실행합니다. 사용자는 권한 및 확인을 위해 계속 참여합니다. 추측은 이제 그만
// the agent's view { "tool": "bookSlot", "arguments": { "date": "2026-07-31", "time": "14:00", "name": "Jerry Jones", "email": "jerry.jones@example.com" } }
상담사를 위한 도구 빌드
WebMCP API 및 문서를 자세히 알아보세요.
WebMCP를 사용해야 하는 경우
WebMCP 도구를 추가하여 사용자와 상담사가 더 효율적으로 작업할 수 있도록 지원하는 사이트의 기회를 알아보세요.
명령형 API
표준 JavaScript로 WebMCP 도구를 정의하여 양식 입력, 사이트 탐색과 같은 사이트별 함수를 실행합니다.
선언적 API
주석을 추가하여 표준 HTML 양식을 WebMCP 도구로 변환하세요.
WebMCP 평가
도구를 테스트하여 에이전트가 도구를 호출해야 하는 시점, 도구 실행 방법, 허용되는 답변을 이해하는지 확인합니다.
권장사항
WebMCP API 사용에 관한 권장사항을 알아봅니다.
WebMCP 도구 보안
웹사이트용 보안 도구를 빌드하는 방법을 알아보세요.
WebMCP 및 MCP
WebMCP와 MCP는 함께 상담사가 실제 사용자를 대신하여 맞춤 작업을 수행하도록 지원합니다.
AI 에이전트로 빌드
최신 웹 안내
선호하는 워크플로에서 웹 권장사항에 액세스할 수 있도록 널리 사용되는 AI 코딩 에이전트와 함께 최신 웹 가이드를 사용하세요.
npx modern-web-guidance@latest install
코딩 에이전트로 확장 프로그램 빌드
최신 웹 가이드를 사용하여 코딩 에이전트의 도움을 받아 확장 프로그램을 더 빠르게 빌드하세요.
에이전트 개발자를 위한 안전 고려사항
에이전트 개발자는 신뢰할 수 없는 콘텐츠의 악성 텍스트에 대한 보호 조치를 설계해야 합니다. Google에서는 WebMCP를 사용하는 에이전트와 관련된 몇 가지 보안 기술을 식별합니다.
Chrome의 Gemini를 만나 보세요
브라우저에서 바로 AI 어시스턴스를 사용하세요. 열린 탭의 맥락에 기반하여 핵심 내용을 파악하고, 개념을 명확히 이해하고, 답변을 찾아 보세요.
Gemini는 Google 앱 전반에서 작동하여 하루를 효율적으로 보낼 수 있도록 도와줍니다.