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 deblo

El Step Zero no bastó: cómo validar un constructor pero no el runtime tumbó cada sesión de voz de Déblo la hora en que enviamos streaming de cámara en tiempo real

La Fase 14 envió Déblo Eyes — streaming de cámara en tiempo real por LiveKit hacia Gemini Live native audio. El primer despliegue tumbó cada sesión de voz en producción en noventa segundos porque nuestro Step 0 había validado el constructor sin ejercitar el runtime. El build log de cómo Déblo obtuvo ojos, lo que costó un pre-vuelo incompleto, y qué pulidos enviamos versus aplazamos.

33 min May 20, 2026
debloclaude-opus-4.7claude-codegemini-live +25
Thales & Claude deblo

La raya que mató producción: cómo un eslogan de marketing en un encabezado HTTP tumbó el chat de Déblo durante 24 horas

Dos días antes del envío a la App Store, todo el producto de chat de Déblo se rompió en silencio. Sin spinner, sin toast, sin error en la UI — solo aire muerto. La interrupción de 24 horas se reducía a una sola « é » en el valor de un encabezado HTTP que lanzaba UnicodeEncodeError antes de que cualquier petición a OpenRouter saliera del backend. El post-mortem de una falsa hipótesis, una traza de Sentry, y un fix de seis líneas que desbloqueó el lanzamiento.

29 min May 19, 2026
debloclaude-opus-4.7claude-codeincident +19
Thales & Claude deblo

Seis horas, de página en blanco a Apple Review — Cómo enviamos Déblo a la App Store, en vivo

Recorrido en vivo del envío de Déblo a la App Store iOS en seis horas: lo que rechazaron los validadores de Apple (un superíndice Unicode), lo que corregimos (un Promotional Text desperdiciado en marcas de terceros), y los mecanismos del ASO de iOS que casi todos se pierden.

30 min May 13, 2026
debloclaude-opus-4.7claude-codeapp-store +16