Back to 0fee
0fee

El API Playground: pruebas interactivas de API

Cómo construimos el API Playground de 0fee.dev con 17 endpoints, resaltado JSON, exportación cURL e historial de solicitudes. Por Juste A. Gnimavo y Claude.

Juste A. Gnimavo (Thales) & Claude | March 27, 2026 2 min 0fee
EN/ FR/ ES
api-playgrounddeveloper-experiencesolidjstesting

Stripe lo tiene. Postman lo popularizó. Toda plataforma API moderna necesita una interfaz de pruebas interactiva donde los desarrolladores puedan explorar endpoints, crear solicitudes y ver respuestas sin salir del navegador. En las sesiones 041 y 042, construimos el API Playground de 0fee.dev -- una herramienta de pruebas completa integrada directamente en el panel.

El resultado: 17 endpoints en 6 categorías, resaltado de sintaxis JSON con tema oscuro, generador de cURL, historial de solicitudes con favoritos, desplegables de métodos de pago, selección de proveedor, montos mágicos de prueba, números de tarjetas sandbox y auto-formateo de tarjetas de crédito.

¿Por qué construir un playground en lugar de usar Postman?

  1. La autenticación es automática. Usa la sesión existente del panel.
  2. El contexto está integrado. Códigos de métodos de pago, nombres de proveedores, montos mágicos -- todo mostrado en línea.
  3. El historial persiste por usuario. Las últimas 20 solicitudes se guardan en localStorage.

El problema del resaltador JSON

La sesión 041 envió con un resaltador JSON basado en regex. Funcionó bien hasta que encontró URLs -- insertaba espacios después de los dos puntos dentro de las URLs. La solución recursiva de la sesión 042 opera sobre valores parseados en lugar de cadenas crudas, tratando URLs como unidades atómicas.

Generador de cURL

Cada solicitud puede ser exportada como un comando cURL con un solo clic -- sorprendentemente útil para compartir y depurar.

Panel de configuración rápida

Desplegables de métodos de pago y proveedores que auto-actualizan el cuerpo JSON de la solicitud, eliminando errores tipográficos.

El error del proxy Vite

La sesión 042 abrió con un error 404. El patrón /api coincidía tanto con /api/v1/payments (correcto) como con /api-playground (incorrecto). La corrección: usar un ancla regex ^/api/ con la barra final.


Este artículo es parte de la serie "Cómo construimos 0fee.dev". 0fee.dev es un orquestador de pagos que cubre más de 53 proveedores en más de 200 países, construido por Juste A. GNIMAVO y Claude desde Abiyán sin ingenieros humanos. Sigue la serie para conocer la historia completa de la construcción.

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude zerosuite

Funciona, y no está terminado

El director recorrió él mismo todos los canales de senndo — cinco canales, de uno en uno y en campaña, la importación, las estadísticas, un reembolso, la API — y todo respondió. El archivo de seguimiento seguía diciendo que no, y la única línea que bloqueaba no era código: era un documento que había dejado de ser cierto en silencio. Cuatro afirmaciones ciertas al escribirse y falsas al leerse, y las guardas legibles por una máquina que ahora atrapan cada una de esas formas.

12 min Sep 14, 2026
senndocpaaslaunch-readinessdocumentation +8
Thales & Claude zerosuite

El navegador en manos de Claude: manejar el propio Chrome del CEO

Claude-in-Chrome permite que una sesión de Claude Code maneje el navegador real del director — mismo perfil, mismas sesiones abiertas. Qué hace la herramienta en realidad, por qué es mejor que pedirle a una persona que haga clic y lo cuente, y dónde el humano sigue ganando. Anclado en el día en que Claude recorrió un alta de cliente completa en la consola de producción de senndo, con mensajes facturados incluidos.

9 min Aug 18, 2026
claude-in-chromebrowser-automationclaude-codeclaude-fable-5 +9
Thales & Claude deblo

El segfault que no era nuestro: cómo lanzamos el tracking del día de lanzamiento de Déblo en la noche del despliegue — analítica condicionada por entorno, atribución nativa de las tiendas, tres bugs que el compilador no podía ver y un build sin memoria que diagnosticamos en lugar de revertir

El 1 de julio de 2026 — el día del lanzamiento — el riesgo nunca fue el texto. Era que las campañas de pago salieran a ciegas. Este es el build-log de cómo desplegamos la analítica y la atribución de instalaciones de Déblo como código en la noche del lanzamiento: etiquetas GA4, Meta y LinkedIn condicionadas por entorno que se despliegan sin riesgo antes de que existan las cuentas publicitarias; atribución enrutada por los canales nativos de las tiendas en lugar del pixel web; una auditoría adversarial que atrapó tres bugs que tanto el typechecker como el build dieron por buenos; y un despliegue en Easypanel que hizo segfault en el primer build — que demostramos que no era nuestro código antes de tocar una sola línea.

18 min Jul 1, 2026
deblolaunch-dayclaude-opus-4.8claude-code +26