Convertir cURL a fetch: qué es y cómo hacerlo
Aprende cómo convertir comandos cURL a fetch en JavaScript para usar APIs en el navegador.
Convertir un comando cURL a fetch es una tarea común cuando trabajas con APIs y necesitas pasar de pruebas en terminal a código JavaScript.
Esto es especialmente útil en desarrollo frontend, donde fetch es la forma estándar de hacer peticiones HTTP.
¿Qué es cURL?
cURL es una herramienta de línea de comandos que permite hacer peticiones HTTP a servidores.
Ejemplo:
curl https://api.example.com/users
Se utiliza ampliamente para probar APIs desde la terminal.
¿Qué es fetch?
fetch es una API de JavaScript que permite realizar peticiones HTTP desde el navegador.
Ejemplo:
fetch("https://api.example.com/users")
.then(res => res.json())
.then(data => console.log(data));
¿Por qué convertir cURL a fetch?
Muchas veces las APIs entregan ejemplos en cURL, pero en aplicaciones web necesitas usar fetch.
Convertirlos permite:
- Integrar APIs en frontend
- Probar endpoints en JavaScript
- Migrar código de backend a frontend
- Facilitar debugging
Ejemplo de conversión
cURL:
curl -X POST https://api.example.com/login \
-H "Content-Type: application/json" \
-d '{"user":"admin","password":"1234"}'
fetch equivalente:
fetch("https://api.example.com/login", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
user: "admin",
password: "1234"
})
})
Errores comunes al convertir cURL a fetch
- Olvidar headers importantes
- No convertir correctamente el body
- Errores en métodos HTTP (GET, POST, etc.)
- Problemas con autenticación
Qué tener en cuenta
- fetch usa promesas
- El body debe ser string (JSON.stringify)
- Algunos headers deben agregarse manualmente
- Manejar errores correctamente
Cuándo deberías usar un conversor cURL → fetch
Deberías usarlo cuando:
- Trabajas con APIs
- Recibes ejemplos en cURL
- Necesitas código para frontend
- Estás debuggeando requests
Un conversor te permite ahorrar tiempo y evitar errores al transformar comandos automáticamente.
Puedes usar nuestra herramienta cURL → fetch para convertir tus requests de forma rápida y obtener código listo para usar en JavaScript.