Prototipar una llamada API
Pasar rápidamente de una idea de solicitud a código ejecutable.
Generador de solicitud API
Configura los elementos de una solicitud HTTP y genera ejemplos listos para usar con cURL, Fetch o Axios directamente en tu navegador.
- Portapapeles
- Exportar
Método
Un parámetro por línea: clave=valor
Datos no enviados
Un encabezado por línea: Nombre: valor
Datos no enviados
Datos no enviados
Tres implementaciones generadas.
cURL
Fetch API
Axios
¿Te ha resultado útil esta herramienta?
¿Cómo funciona esta herramienta?
Configura una solicitud HTTP completa y genera equivalentes cURL, Fetch y Axios.
Una configuración produce fragmentos cURL, Fetch y Axios. No se contacta con la URL ni se mide estado HTTP o tiempo de respuesta. Se validan y serializan URL HTTP(S). Las líneas clave=valor se añaden a los parámetros existentes, incluidas claves repetidas. Las cabeceras usan Nombre: valor, con control del nombre y los caracteres prohibidos. Si los nombres coinciden sin distinguir mayúsculas, prevalece el último valor.
Se comprueba el cuerpo JSON y se conserva su texto original. Así no se reescribe silenciosamente un entero grande durante la generación. Se añade Content-Type: application/json cuando hace falta, sin sustituir una cabecera explícita. Se rechazan cuerpos GET y HEAD para mantener compatibilidad con Fetch. Puedes elegir sin cuerpo, JSON o texto; no se construyen archivos ni formularios multipart.
Fetch utiliza await y lee la respuesta como texto antes de analizar un contenido anunciado como JSON. Al ejecutarse, ese análisis usa la precisión numérica de JavaScript. Axios debe estar disponible en tu proyecto; el fragmento no lo instala. cURL usa comillas POSIX. Los entornos difieren: el navegador impone CORS y limita cabeceras, mientras cURL usa el terminal. Generar los fragmentos no garantiza respuestas idénticas en todos los contextos.
Cómo utilizar esta herramienta
Describir la solicitud
Elige método, URL absoluta, parámetros y cabeceras. Usa credenciales ficticias si vas a compartir la salida.
Elegir el cuerpo
Selecciona JSON o texto solo para un método admitido con cuerpo. JSON inválido bloquea las tres variantes.
Adaptar el cliente
Genera y copia o descarga el fragmento útil. Añade gestión de errores, comprobación de estado y autenticación antes de integrarlo.
Casos de uso
Comparar clientes HTTP
Revisar equivalencias entre cURL, Fetch API y Axios.
Preparar documentación
Ofrecer varios ejemplos para consumir el mismo endpoint.
Ejemplos
Una búsqueda en cURL
El espacio del filtro se serializa en la query. El comando es texto; no se ha solicitado ninguna respuesta API.
Entrada
GET https://example.com/search; q=hello worldResultado
curl 'https://example.com/search?q=hello+world'Un POST en Fetch
El cuerpo JSON permanece como cadena. await requiere un contexto JavaScript compatible; el tratamiento de respuesta solo se ejecuta tras integrar el código.
Entrada
POST https://example.com/api; JSON {"name":"Ada"}Resultado
const response = await fetch("https://example.com/api", {
"method": "POST",
"headers": {
"Content-Type": "application/json"
},
"body": "{\"name\":\"Ada\"}"
});
const text = await response.text();
const data = text && response.headers.get("content-type")?.includes("json") ? JSON.parse(text) : text;Consejos y buenas prácticas
- Un 404 puede devolver Response sin rechazar fetch. Añade una comprobación de response.ok según el comportamiento deseado.
- Comparte configuraciones con credenciales ficticias. Los archivos descargados contienen los valores de autenticación introducidos.
- El código no decide la política de reintentos. Defínela según método e idempotencia de la operación.
Fuentes y referencias
- RFC 9110 — HTTP Semantics (se abre en una pestaña nueva), RFC EditorPágina en inglés
- Fetch Standard (se abre en una pestaña nueva), WHATWGPágina en inglés
Preguntas frecuentes
¿Por qué funciona cURL y se bloquea Fetch?
El navegador impone CORS y restricciones de cabeceras que el terminal no aplica. Revisa respuestas y orígenes autorizados antes de atribuirlo a la generación.
¿El fragmento Axios es autónomo?
No. Presupone Axios disponible y un contexto compatible con await. Añade importaciones, dependencia y gestión de errores.
¿Se reescribe el JSON?
El cuerpo se comprueba y conserva como texto. Analizar después una respuesta JSON es otra operación que puede redondear enteros grandes en JavaScript.
¿Puedo comparar tiempos de respuesta?
No. No se ejecutan llamadas. Usa un cliente HTTP o herramientas de desarrollo para probar red, estado, autenticación y tiempos.
Herramientas relacionadas
Continúa con estas herramientas
Herramientas similares o complementarias a esta.
Herramientas similares
Genera un comando cURL completo a partir de una solicitud HTTP.
DesarrolloUsar esta herramienta
Crea encabezados HTTP personalizados y obtén una salida lista para utilizar en tus solicitudes.
DesarrolloUsar esta herramienta
Formatea, minimiza y valida un documento JSON para hacerlo más legible o compacto.
DesarrolloDestacadaUsar esta herramienta
También te puede interesar
GuíaBuenas prácticasPrincipiante
Cabeceras HTTP de seguridad: cuáles activar y por qué
Comprende HSTS, CSP, X-Content-Type-Options, Referrer-Policy y Permissions-Policy y cómo verificar las cabeceras realmente enviadas.
29 de agosto de 20261 min