Konverter curl til TypeScript
curl2code konverterer curl-kommandoer til TypeScript-kode med korrekte type-annoteringer ved hjælp af fetch API'et. Konverteringen kører i din browser via WebAssembly — dine data forlader aldrig din enhed. For almindelig JavaScript, tjek vores curl til JavaScript-konverter. For kode til serversiden, se curl til Node.js. Nedenfor er eksempler med typer til almindelige scenarier.
Sådan kopierer du curl fra din browser
- 1
Åbn DevTools
Tryk på F12 eller Ctrl+Shift+I for at åbne din browsers udviklerværktøjer.
- 2
Gå til fanen Network
Klik på fanen Network og udfør den handling, der udløser HTTP-anmodningen.
- 3
Kopier som cURL
Højreklik på anmodningen → Copy → Copy as cURL. Indsæt den derefter ovenfor.
Ofte stillede spørgsmål
Hvad genererer curl2code til TypeScript?
curl2code genererer TypeScript-kode ved hjælp af browserens indfødte fetch API med fulde typeannoteringer. Den genererede kode inkluderer typede anmodningsindstillinger, korrekt Response-håndtering og typesikker JSON-parsing. TypeScript tilføjer sikkerhed ved kompileringstid til den samme Fetch API, der bruges i almindelig JavaScript.
TypeScript fetch vs JavaScript fetch — hvad er forskellen?
Runtime API'en er identisk — TypeScript tilføjer statisk typetjek. Du får typede Headers, RequestInit og Response-objekter. For brugerdefinerede svarformer skal du definere en grænseflade og caste med await response.json() as MyType. For server-side TypeScript, se vores curl til Node.js-konverter.
Hvordan håndteres godkendelse i TypeScript?
Samme som Fetch — send en Authorization-header i det typede HeadersInit-objekt. TypeScript sikrer, at du ikke staver headernavne forkert, hvis du bruger en typet header-hjælper. curl2code genererer korrekt typede godkendelsesheadere fra -u og -H 'Authorization: ...' curl-flag.
Hvordan sender man formulardata med TypeScript?
Brug browserens FormData API — TypeScript har indbyggede typedefinitioner til det. Kald formData.append('file', file) med typede parametre. Compileren fanger uoverensstemmende typer ved build-tid. curl2code konverterer -F-flag til korrekt typede FormData-kald.
Hvordan håndteres fejl typesikkert i TypeScript?
Brug try/catch med async/await. Type fejl i catch-klausulen som unknown og indsnævr med instanceof. Tjek response.ok før parsing. Definer typede fejlsvar med grænseflader for API-specifikke fejlformater. Dette giver dig garantier ved kompileringstid for, at alle fejlveje håndteres.
Hvordan typer man API-svar i TypeScript?
Definer en grænseflade for den forventede svarform, og brug derefter const data: MyAPI = await response.json(). For validering ved runtime, kombiner med zod eller io-ts. Dette mønster sikrer typesikkerhed på tværs af din kodebase. For en lignende typet oplevelse i andre sprog, se curl til Go eller curl til Rust.
Hvordan indstilles timeouts for fetch i TypeScript?
Brug AbortController — TypeScript inkluderer fulde typedefinitioner for Abort API. Opret const controller = new AbortController(), send signal til fetch, og afbryd med setTimeout. Genvejen AbortSignal.timeout(ms) er typet i moderne TypeScript lib-mål.
Hvordan håndteres CORS med TypeScript?
CORS-håndtering er identisk med JavaScript — det er en browsersikkerhedsfunktion, ikke en TypeScript-funktion. Indstil mode: 'cors' og credentials: 'include' efter behov, mens TypeScript sikrer korrekte RequestMode og RequestCredentials enum-værdier. For server-side anmodninger, hvor CORS ikke gælder, se curl til Node.js.
Hvordan sender man en POST-anmodning med JSON-body i TypeScript?
Konverter en curl POST-kommando som curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL til TypeScript ved hjælp af curl2code. Den genererede kode bruger const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code registrerer automatisk -d/--data-flag med JSON-indhold og indstiller den relevante Content-Type-header i fetch-koden.
Hvordan tilføjer man Bearer token-autorisation i TypeScript?
Send curl -H "Authorization: Bearer YOUR_TOKEN" URL til curl2code, og den genererer fetch-kode med auth-headeren: headers: { Authorization: `Bearer ${token}` }. curl2code registrerer Bearer-tokens fra både -H "Authorization: Bearer ..." og --oauth2-bearer-flag. Til Basic auth skal du bruge -u user:pass.
Hvordan indstiller man Content-Type-headeren i TypeScript?
curl2code konverterer curl -H "Content-Type: application/json" URL til fetch-kode med den korrekte header: headers: { 'Content-Type': 'application/json' } as HeadersInit. For -d-data bruger curl som standard application/x-www-form-urlencoded; for -F-formular-uploads bruges multipart/form-data. curl2code mapper hver af disse til den korrekte fetch API.