Convertește curl în TypeScript

curl2code convertește comenzile curl în cod TypeScript cu adnotări de tip corespunzătoare folosind API-ul fetch. Conversia rulează în browserul tău prin WebAssembly — datele tale nu părăsesc niciodată dispozitivul. Pentru JavaScript simplu, verifică convertorul nostru curl în JavaScript. Pentru cod pe partea de server, vezi curl în Node.js. Mai jos sunt exemple tipizate pentru scenarii comune.

Cum să copiezi curl din browserul tău

  1. 1

    Deschide DevTools

    Apasă F12 sau Ctrl+Shift+I pentru a deschide instrumentele de dezvoltare ale browserului.

  2. 2

    Mergi la fila Network

    Fă clic pe fila Network și efectuează acțiunea care declanșează cererea HTTP.

  3. 3

    Copiază ca cURL

    Fă clic dreapta pe cerere → CopyCopy as cURL. Apoi lipește-o mai sus.

Întrebări frecvente

Ce generează curl2code pentru TypeScript?

curl2code generează cod TypeScript utilizând API-ul fetch nativ din browser, cu adnotări de tip complete. Codul generat include opțiuni de cerere tipizate, gestionarea corectă a Response și parsarea JSON sigură din punct de vedere al tipurilor. TypeScript adaugă siguranță la compilare aceluiași Fetch API utilizat în JavaScript simplu.

TypeScript fetch vs JavaScript fetch — care este diferența?

API-ul la runtime este identic — TypeScript adaugă verificarea statică a tipurilor. Obțineți obiecte Headers, RequestInit și Response tipizate. Pentru structuri de răspuns personalizate, definiți o interfață și faceți cast cu await response.json() as MyType. Pentru TypeScript pe partea de server, consultați convertorul curl în Node.js.

Cum se gestionează autentificarea în TypeScript?

La fel ca la Fetch — transmiteți un antet Authorization în obiectul HeadersInit tipizat. TypeScript se asigură că nu scrieți greșit numele antetelor dacă utilizați un ajutor de antete tipizat. curl2code generează antete de autentificare tipizate corect din flag-urile curl -u și -H 'Authorization: ...'.

Cum se trimit date de formular cu TypeScript?

Utilizați API-ul FormData al browserului — TypeScript are definiții de tip încorporate pentru acesta. Apelați formData.append('file', file) cu parametri tipizați. Compilatorul detectează tipurile nepotrivite la momentul build-ului. curl2code convertește flag-urile -F în apeluri FormData tipizate corect.

Cum se gestionează erorile în mod sigur (type-safe) în TypeScript?

Utilizați try/catch cu async/await. Tipizați eroarea din clauza catch ca unknown și restrângeți-o cu instanceof. Verificați response.ok înainte de parsare. Definiți răspunsuri de eroare tipizate cu interfețe pentru formate de eroare specifice API-ului. Acest lucru vă oferă garanții la compilare că toate căile de eroare sunt gestionate.

Cum se tipizează răspunsurile API în TypeScript?

Definiți o interfață pentru structura de răspuns așteptată, apoi utilizați const data: MyAPI = await response.json(). Pentru validare la runtime, asociați cu zod sau io-ts. Acest model asigură siguranța tipurilor în întreaga bază de cod. Pentru o experiență tipizată similară în alte limbaje, consultați curl în Go sau curl în Rust.

Cum se setează timeout-urile pentru fetch în TypeScript?

Utilizați AbortController — TypeScript include definiții de tip complete pentru Abort API. Creați const controller = new AbortController(), transmiteți signal către fetch și anulați cu setTimeout. Scurtătura AbortSignal.timeout(ms) este tipizată în țintele moderne de bibliotecă TypeScript.

Cum se gestionează CORS cu TypeScript?

Gestionarea CORS este identică cu cea din JavaScript — este o caracteristică de securitate a browserului, nu a TypeScript. Setați mode: 'cors' și credentials: 'include' după cum este necesar, TypeScript asigurând valorile corecte pentru enum-urile RequestMode și RequestCredentials. Pentru cererile de pe partea de server unde CORS nu se aplică, consultați curl în Node.js.

Cum se trimite o cerere POST cu un corp JSON în TypeScript?

Convertește o comandă curl POST precum curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL în TypeScript folosind curl2code. Codul generat utilizează const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code detectează automat flag-urile -d/--data cu conținut JSON și setează antetul Content-Type corespunzător în codul fetch.

Cum se adaugă autorizarea prin Bearer token în TypeScript?

Introdu curl -H "Authorization: Bearer YOUR_TOKEN" URL în curl2code și acesta va genera cod fetch cu antetul de autentificare: headers: { Authorization: `Bearer ${token}` }. curl2code detectează Bearer tokens atât din flag-urile -H "Authorization: Bearer ...", cât și din --oauth2-bearer. Pentru Basic auth, utilizează -u user:pass.

Cum se setează antetul Content-Type în TypeScript?

curl2code convertește curl -H "Content-Type: application/json" URL în cod fetch cu antetul corect: headers: { 'Content-Type': 'application/json' } as HeadersInit. Pentru datele -d, curl folosește implicit application/x-www-form-urlencoded; pentru încărcările de formulare -F, folosește multipart/form-data. curl2code mapează fiecare opțiune către API-ul fetch corect.

Linkuri utile

Ghiduri curl

Convertește curl în alte limbaje