pile·
프론트엔드·cloudflare-blogCloudflare Blog·

WebMCP — 코드 수정 없이 모든 웹사이트에 AI 에이전트 인터페이스 추가하기

Cloudflare가 WebMCP 개발자 프리뷰를 출시했다. Chrome 146에 실험적으로 탑재된 브라우저 표준(document.modelContext)으로, 기원 서버 코드 수정 없이 AI 에이전트가 웹사이트 도구를 사용할 수 있게 한다. Cloudflare의 엣지 레이어에서 HTMLRewriter로 스크립트를 주입하는 방식이라 배포·재빌드 없이 활성화 가능하다.

핵심 포인트
  • WebMCP는 Chrome 146 실험 표준(document.modelContext)으로, 웹사이트가 AI 에이전트용 도구를 브라우저 내에서 직접 노출하는 인터페이스
  • Cloudflare HTMLRewriter가 /.webmcp/bridge.js 스크립트 태그를 페이지에 자동 주입 — 기원 서버 코드 변경 없음
  • Bridge Layer가 페이지 내에서 WebMCP 서피스를 탐색하고 registerTool()로 도구를 등록
  • Content Credentials Pack: C2PA 메타데이터로 이미지 출처 자격증명 검증
  • Site MCP Server Pack: 사이트 기존 MCP 서버 엔드포인트 도구를 자동 탐색·등록
  • 모든 도구 실행이 방문자 브라우저 내에서 완결 — 서버 라운드트립 없음
상세 정리
  • 문제 배경: AI 에이전트가 인간용으로 설계된 웹 인터페이스를 탐색하는 것은 비효율적이다. WebMCP는 이를 위한 브라우저 표준으로, 사이트가 에이전트용 도구를 명시적으로 노출하도록 설계됐다.
  • 엣지 주입 구조: Cloudflare가 HTMLRewriter로 /.webmcp/bridge.js 참조 script 태그 1개를 모든 페이지에 주입한다. data-packs 속성으로 활성화할 팩을 지정한다.
  • Bridge Layer: 페이지 내 JavaScript로 실행되며 WebMCP 서피스를 탐색하고 registerTool()로 도구를 등록한다. 서버 라운드트립 없이 브라우저 내에서 완결된다.
  • Content Credentials Pack: 페이지 내 이미지를 스캔해 C2PA(Coalition for Content Provenance and Authenticity) 메타데이터를 추출한다. claim generator, 서명 정보 등을 에이전트에 제공한다.
  • Site MCP Server Pack: 사이트의 기존 /mcp 엔드포인트를 자동 탐색해 도구 목록을 동적으로 등록한다. 사이트가 새 도구를 MCP 서버에 추가해도 재배포 없이 바로 에이전트에 노출된다.
  • 활성화 방법: Cloudflare Dashboard의 Agent Readiness > Labs에서 토글 후 원하는 팩을 선택. 확인은 curl -s https://your-site.example | grep webmcp 한 줄로 가능.
  • BrowserRun 통합: Cloudflare BrowserRun 원격 브라우저가 WebMCP 탐색과 도구 실행을 이미 지원한다.
  • 현재 상태: 개발자 프리뷰. Chrome 146에 실험적 표준으로 탑재되어 있으며 표준화 진행 중.
왜 읽나AI 에이전트 인프라를 구축하는 개발자나 자신의 웹사이트를 에이전트 친화적으로 만들고 싶은 엔지니어에게, 코드 변경 없이 엣지에서 WebMCP를 활성화하는 구체적인 구현 방법과 동작 원리를 제공한다.
cloudflare-blog
Cloudflare Blog 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)
·takedown 요청

이 글과 비슷한