WebMCP Is Now Available for Early Preview: Revolutionizing AI-Web Interaction

Hero

이 모델에서는 AI 에이전트가 어떤 입력 필드가 검색어에 해당하는지 추측할 필요가 없습니다. 메타데이터가 SearchArticles라는 도구와 필수 매개변수인 query를 명시적으로 정의하고 있기 때문입니다.

#명령형 API (Imperative API)

자바스크립트 실행이나 비동기 상태 관리가 필요한 복잡하고 동적인 상호작용의 경우, WebMCP는 명령형 API를 제공합니다. 이 API를 사용하면 에이전트가 직접 호출할 수 있는 커스텀 자바스크립트 함수를 등록할 수 있습니다.

// Example of an Imperative WebMCP Tool Registration
if ('webMCP' in navigator) {
  navigator.webMCP.registerTool({
    name: 'fetchCurrentStock',
    description: 'Fetches real-time inventory for a given product ID.',
    parameters: {
      type: 'object',
      properties: {
        productId: { type: 'string' }
      },
      required: ['productId']
    },
    execute: async (params) => {
      const response = await fetch(`/api/inventory/${params.productId}`);
      return await response.json();
    }
  });
}