Converti curl in TypeScript

curl2code converte i comandi curl in codice TypeScript con annotazioni di tipo appropriate utilizzando l'API fetch. La conversione avviene nel tuo browser tramite WebAssembly — i tuoi dati non lasciano mai il tuo dispositivo. Per JavaScript semplice, consulta il nostro convertitore da curl a JavaScript. Per il codice lato server, vedi da curl a Node.js. Di seguito sono riportati esempi tipizzati per scenari comuni.

Come copiare curl dal tuo browser

  1. 1

    Apri DevTools

    Premi F12 o Ctrl+Shift+I per aprire gli strumenti per sviluppatori del browser.

  2. 2

    Vai alla scheda Network

    Fai clic sulla scheda Network ed esegui l'azione che attiva la richiesta HTTP.

  3. 3

    Copia come cURL

    Fai clic con il tasto destro sulla richiesta → CopiaCopia come cURL. Quindi incollalo sopra.

Domande Frequenti

Cosa genera curl2code per TypeScript?

curl2code genera codice TypeScript utilizzando la fetch API nativa del browser con annotazioni di tipo complete. Il codice generato include opzioni di richiesta tipizzate, gestione corretta di Response e parsing JSON type-safe. TypeScript aggiunge sicurezza a tempo di compilazione alla stessa Fetch API utilizzata in JavaScript semplice.

TypeScript fetch vs JavaScript fetch — qual è la differenza?

L'API a runtime è identica — TypeScript aggiunge il controllo statico dei tipi. Ottieni oggetti Headers, RequestInit e Response tipizzati. Per forme di risposta personalizzate, definisci un'interfaccia ed effettua il cast con await response.json() as MyType. Per TypeScript lato server, controlla il nostro convertitore da curl a Node.js.

Come gestire l'autenticazione in TypeScript?

Come per Fetch — passa un header Authorization nell'oggetto HeadersInit tipizzato. TypeScript assicura che non si scrivano male i nomi degli header se si usa un helper per gli header tipizzati. curl2code genera header di autenticazione correttamente tipizzati dai flag curl -u e -H 'Authorization: ...'.

Come inviare dati form con TypeScript?

Usa la FormData API del browser — TypeScript ha definizioni di tipo integrate per essa. Chiama formData.append('file', file) con parametri tipizzati. Il compilatore rileva i tipi non corrispondenti in fase di build. curl2code converte i flag -F in chiamate FormData correttamente tipizzate.

Come gestire gli errori in modo type-safe in TypeScript?

Usa try/catch con async/await. Tipizza l'errore della clausola catch come unknown e restringilo con instanceof. Controlla response.ok prima del parsing. Definisci risposte di errore tipizzate con interfacce per formati di errore specifici dell'API. Questo ti dà garanzie a tempo di compilazione che tutti i percorsi di errore siano gestiti.

Come tipizzare le risposte API in TypeScript?

Definisci un'interfaccia per la forma della risposta attesa, quindi usa const data: MyAPI = await response.json(). Per la validazione a runtime, abbinalo a zod o io-ts. Questo pattern garantisce la sicurezza dei tipi in tutta la tua codebase. Per un'esperienza tipizzata simile in altri linguaggi, vedi da curl a Go o da curl a Rust.

Come impostare i timeout per fetch in TypeScript?

Usa AbortController — TypeScript include definizioni di tipo complete per l'API Abort. Crea const controller = new AbortController(), passa signal a fetch e interrompi con setTimeout. La scorciatoia AbortSignal.timeout(ms) è tipizzata nei moderni target lib di TypeScript.

Come gestire il CORS con TypeScript?

La gestione del CORS è identica a JavaScript — è una funzione di sicurezza del browser, non di TypeScript. Imposta mode: 'cors' e credentials: 'include' secondo necessità, con TypeScript che garantisce i valori corretti degli enum RequestMode e RequestCredentials. Per le richieste lato server dove il CORS non si applica, vedi da curl a Node.js.

Come inviare una richiesta POST con un corpo JSON in TypeScript?

Converti un comando curl POST come curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL in TypeScript usando curl2code. Il codice generato utilizza const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code rileva automaticamente i flag -d/--data con contenuto JSON e imposta l'intestazione Content-Type appropriata nel codice fetch.

Come aggiungere l''autorizzazione con Bearer token in TypeScript?

Passa curl -H "Authorization: Bearer YOUR_TOKEN" URL a curl2code e genererà il codice fetch con l'intestazione di autenticazione: headers: { Authorization: `Bearer ${token}` }. curl2code rileva i Bearer token sia dai flag -H "Authorization: Bearer ..." che --oauth2-bearer. Per la Basic auth, usa -u user:pass.

Come impostare l''intestazione Content-Type in TypeScript?

curl2code converte curl -H "Content-Type: application/json" URL in codice fetch con l'intestazione corretta: headers: { 'Content-Type': 'application/json' } as HeadersInit. Per i dati -d, curl utilizza come predefinito application/x-www-form-urlencoded; per i caricamenti di moduli -F, utilizza multipart/form-data. curl2code mappa ciascuno alla corretta API di fetch.

Link utili

Guide curl

Converti curl in altri linguaggi