Convertir curl a TypeScript

curl2code convierte comandos curl a código TypeScript con anotaciones de tipo adecuadas utilizando la API fetch. La conversión se ejecuta en su navegador a través de WebAssembly; sus datos nunca salen de su dispositivo. Para JavaScript puro, consulte nuestro conversor de curl a JavaScript. Para código en el lado del servidor, vea curl a Node.js. A continuación se muestran ejemplos con tipos para escenarios comunes.

Cómo copiar curl desde su navegador

  1. 1

    Abrir DevTools

    Presione F12 o Ctrl+Shift+I para abrir las herramientas de desarrollo de su navegador.

  2. 2

    Vaya a la pestaña Network

    Haga clic en la pestaña Network y realice la acción que activa la solicitud HTTP.

  3. 3

    Copiar como cURL

    Haga clic derecho en la solicitud → CopyCopy as cURL. Luego péguelo arriba.

Preguntas frecuentes

¿Qué genera curl2code para TypeScript?

curl2code genera código TypeScript utilizando la API fetch nativa del navegador con anotaciones de tipo completas. El código generado incluye opciones de solicitud tipadas, manejo adecuado de Response y análisis de JSON con seguridad de tipos. TypeScript añade seguridad en tiempo de compilación a la misma Fetch API utilizada en JavaScript puro.

TypeScript fetch vs JavaScript fetch — ¿cuál es la diferencia?

La API en tiempo de ejecución es idéntica; TypeScript añade comprobación de tipos estática. Obtienes objetos Headers, RequestInit y Response tipados. Para formas de respuesta personalizadas, define una interfaz y realiza una conversión con await response.json() as MyType. Para TypeScript del lado del servidor, consulta nuestro conversor de curl a Node.js.

¿Cómo manejar la autenticación en TypeScript?

Igual que con Fetch: pasa un encabezado Authorization en el objeto HeadersInit tipado. TypeScript garantiza que no escribas mal los nombres de los encabezados si usas un ayudante de encabezados tipado. curl2code genera encabezados de autenticación correctamente tipados a partir de las etiquetas de curl -u y -H 'Authorization: ...'.

¿Cómo enviar datos de formulario con TypeScript?

Usa la API FormData del navegador; TypeScript tiene definiciones de tipo integradas para ella. Llama a formData.append('file', file) con parámetros tipados. El compilador detecta tipos no coincidentes en tiempo de compilación. curl2code convierte las etiquetas -F en llamadas a FormData correctamente tipadas.

¿Cómo manejar errores con seguridad de tipos en TypeScript?

Usa try/catch con async/await. Tipa el error de la cláusula catch como unknown y delimítalo con instanceof. Comprueba response.ok antes de analizar. Define respuestas de error tipadas con interfaces para formatos de error específicos de la API. Esto te da garantías en tiempo de compilación de que se manejan todas las rutas de error.

¿Cómo tipar las respuestas de la API en TypeScript?

Define una interfaz para la forma esperada de la respuesta, luego usa const data: MyAPI = await response.json(). Para la validación en tiempo de ejecución, combínalo con zod o io-ts. Este patrón garantiza la seguridad de tipos en toda tu base de código. Para una experiencia tipada similar en otros lenguajes, consulta curl a Go o curl a Rust.

¿Cómo establecer tiempos de espera para fetch en TypeScript?

Usa AbortController; TypeScript incluye definiciones de tipo completas para la API Abort. Crea const controller = new AbortController(), pasa signal a fetch y aborta con setTimeout. El atajo AbortSignal.timeout(ms) está tipado en los objetivos de biblioteca de TypeScript modernos.

¿Cómo manejar CORS con TypeScript?

El manejo de CORS es idéntico al de JavaScript; es una característica de seguridad del navegador, no de TypeScript. Establece mode: 'cors' y credentials: 'include' según sea necesario, con TypeScript garantizando los valores correctos de los enumerados RequestMode y RequestCredentials. Para solicitudes del lado del servidor donde no se aplica CORS, consulta curl a Node.js.

¿Cómo enviar una solicitud POST con un cuerpo JSON en TypeScript?

Convierte un comando curl POST como curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL a TypeScript usando curl2code. El código generado utiliza const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code detecta automáticamente los flags -d/--data con contenido JSON y establece el encabezado Content-Type adecuado en el código de fetch.

¿Cómo añadir autorización con token Bearer en TypeScript?

Pasa curl -H "Authorization: Bearer YOUR_TOKEN" URL a curl2code y este generará código de fetch con el encabezado de autorización: headers: { Authorization: `Bearer ${token}` }. curl2code detecta tokens Bearer tanto en los flags -H "Authorization: Bearer ..." como en --oauth2-bearer. Para Basic auth, utiliza -u user:pass.

¿Cómo configurar el encabezado Content-Type en TypeScript?

curl2code convierte curl -H "Content-Type: application/json" URL a código de fetch con el encabezado correcto: headers: { 'Content-Type': 'application/json' } as HeadersInit. Para los datos de -d, curl utiliza por defecto application/x-www-form-urlencoded; para subidas de formularios con -F, utiliza multipart/form-data. curl2code mapea cada uno a la API de fetch correcta.

Enlaces útiles

Guías de curl

Convertir curl a otros lenguajes