WebMCP en producción|INEMA.CLUB-PRO

Formación WebMCP · curso 5 de 6 · el último · 8 clases

WebMCP en producción: página, servidor, batería e informe

Sirve la misma acción por la pantalla, por WebMCP en la página y por un servidor MCP, con una sola regla. Registra cada llamada, congela la batería, vigila la spec y desactiva una herramienta sin deploy. WebMCP es un borrador del 16/10/2026: producción aquí significa prepararse con pruebas, no apostar.

Pequeña sala de operaciones oscura con un monitor que muestra un navegador y un rack con luces blancas, cables conectados a un hub.
  • 8clases
  • 7verificaciones en el informe final
  • 4modos de prueba: sem API, polyfill, nativo y MCP
  • 0llamadas a modelo o API de pago

Los 6 cursos de la formación

Este es el curso 5, el último. La clase 8 junta las piezas de los seis. Orden sugerido: 0 → 1 → 2 → 3 → 4 → 5.

  1. Curso 0Base: cómo los agentes usan un sitioLeer, operar la pantalla o llamar a una herramienta; árbol de accesibilidad; estable × borrador; diagnóstico de tu sitio.Abrir el curso
  2. Curso 1Servidor MCP de tu servicioSDK oficial v2 en la revisión 2026-07-28: herramientas, Streamable HTTP sin estado, MRTR, OAuth y MCP Apps.Abrir el curso
  3. Curso 2WebMCP en tu sitiodocument.modelContext con detección y fallback, ciclo de vida, anotaciones, confirmación y batería en los tres modos.Abrir el curso
  4. Curso 3Agentes de navegadorPrueba tu sitio como lo ve el agente: Playwright MCP, Chrome DevTools MCP y la batería de tareas de tu sitio.Abrir el curso
  5. Curso 4Seguridad entre el sitio y el agentePrompt injection, dato como dato, confirmación, exposición, servidor seguro e identidad de quien llega.Abrir el curso
  6. Curso 5 · estás aquíWebMCP en producciónTres superficies, registro, batería congelada, vigía de spec, gobernanza y el informe de tu sitio.Abrir el curso

Las clases

De las 8 capas al informe: tres superficies, registro, batería congelada, protocolos vecinos, vigía de spec y gobernanza.

  1. Clase 1 · 14 minArquitectura en capas revisada con el estado de oct/2026Un sitio listo para agentes no es una API: son ocho capas, de las que describen el sitio a las que lo protegen. El área WebMCP ya tenía ese mapa; aquí vuelve con el estado de cada capa al 19/10/2026 y un script que busca en tu código la evidencia de cada una.
  2. Clase 2 · 18 minUna acción, tres superficies: HTML, WebMCP en la página y MCP en el servidorLa misma reserva puede llegar por la persona en el formulario, por un agente dentro del navegador (WebMCP) o por un agente fuera de él (MCP). Si cada camino tiene su propia copia de la regla, se desalinean. En esta clase la regla vive en un solo archivo, y un script prueba que las tres superficies responden igual y piden a la persona.
  3. Clase 3 · 15 minObservabilidad: registrar llamadas, errores y cancelacionesEn producción, "el agente no pudo reservar" solo se resuelve con registro. Cada llamada de tool, en cualquier puerta, deja una línea: superficie, tool, resultado y tiempo. Sin datos personales. En esta lección provocas los desenlaces posibles y lees lo que cada uno deja en el log.
  4. Clase 4 · 18 minBatería congelada de tus herramientas y regresión cuando cambia la specCuando el código o la spec cambian, el sitio con WebMCP falla en silencio: la detección no encuentra la API, cae al formulario y nadie lo ve. Solo una batería lo atrapa. En esta clase congelas el contrato y los casos de las herramientas, los corres en los cuatro modos y ves a la batería atrapar el nombre antiguo de la API.
  5. Clase 5 · 14 minProtocolos vecinos como mapa: A2A, ACP, AP2, NLWeb, llms.txt — qué es borradorCada semana aparece una sigla nueva que promete dejar el sitio "listo para IA". Casi todas están en borrador o propuesta, y cada una vive en una capa distinta. En esta clase pones cada protocolo vecino en el mapa, con estado y fecha, y decides para tu sitio: adotar, esperar o nao-se-aplica.
  6. Clase 6 · 15 minVivir con una API que cambia: vigilar la spec, Chrome Status y el changelog de MCPLa API de WebMCP ya cambió de lugar una vez: de navigator a document. Va a cambiar de nuevo antes de cualquier versión estable. En vez de enterarte por el visitante, guarda lo que decían las fuentes el día en que pasó la batería y deja que un script compare. ¿Cambió? Corre la batería y lee antes de tocar nada.
  7. Clase 7 · 16 minProducción y gobernanza: quién aprueba una herramienta nueva, versión, apagado rápidoUna herramienta para agentes es una acción de tu sitio hecha por otro. Necesita dueño, fecha de aprobación, nivel de autonomía y una forma de salir del aire en minutos, sin romper el formulario. En esta clase el catálogo aprobado se vuelve un archivo que la página y el servidor leen, un script lo revisa y un estado lo apaga.
  8. Clase 8 · 20 minProyecto final: tu sitio + servidor + batería + informeEl proyecto final junta las piezas: la página con herramientas, el servidor MCP con la misma regla, la batería congelada, el registro, la vigía y el catálogo aprobado. Un script corre las siete verificaciones y escribe el informe fechado de tu sitio. Sales con él y con el plan de mantenimiento para cuando la spec cambie.

Para quién es

  1. 1Quien hizo el curso 2 (WebMCP en la página) y el curso 4 (seguridad), o ya registra herramientas y corre un servidor MCP.
  2. 2Dev o dueño técnico que va a mantener durante meses un sitio usado por agentes, con la API todavía cambiando.
  3. 3Quien quiere probar con pruebas, no con capturas, que el sitio funciona con y sin agente.

Qué sabrás hacer al terminar

  1. 1Servir una acción por la pantalla, por WebMCP y por MCP con la misma regla.
  2. 2Registrar llamadas, errores, rechazos y cancelaciones sin guardar datos personales.
  3. 3Congelar la batería y detectar la regresión cuando cambian la spec o el código.
  4. 4Aprobar, versionar y desactivar herramientas desde el catálogo, sin deploy de código.

Dónde entra este curso en la Formación WebMCP

  1. 1Es el curso 5, el último: reúne la página (curso 2), el servidor (curso 1), la mirada del agente (curso 3) y la seguridad (curso 4).
  2. 2Cada tema que tiene dueño en otro curso va por enlace; aquí queda la operación.
  3. 3Antes de empezar: Node 20 o más nuevo, git y espacio en disco para el Chromium de Playwright.