Converteer curl naar TypeScript

curl2code converteert curl-opdrachten naar TypeScript-code met de juiste type-annotaties via de fetch API. De conversie wordt in je browser uitgevoerd via WebAssembly — je gegevens verlaten je apparaat nooit. Voor gewone JavaScript, bekijk onze curl naar JavaScript-converter. Voor server-side code, zie curl naar Node.js. Hieronder staan getypeerde voorbeelden voor veelvoorkomende scenario's.

Hoe je curl kopieert vanuit je browser

  1. 1

    Open Ontwikkelaarstools

    Druk op F12 of Ctrl+Shift+I om de ontwikkelaarstools van je browser te openen.

  2. 2

    Ga naar het tabblad Netwerk

    Klik op het tabblad Netwerk en voer de actie uit die het HTTP-verzoek activeert.

  3. 3

    Kopiëren als cURL

    Klik met de rechtermuisknop op het verzoek → KopiërenKopiëren als cURL. Plak het vervolgens hierboven.

Veelgestelde vragen

Wat genereert curl2code voor TypeScript?

curl2code genereert TypeScript-code met behulp van de browser-native fetch API met volledige type-annotaties. De gegenereerde code bevat getypeerde request-opties, correcte Response afhandeling en typeveilige JSON-parsing. TypeScript voegt compile-time veiligheid toe aan dezelfde Fetch API die in gewoon JavaScript wordt gebruikt.

TypeScript fetch vs JavaScript fetch — wat is het verschil?

De runtime API is identiek — TypeScript voegt statische type-checking toe. U krijgt getypeerde Headers, RequestInit en Response objecten. Definieer voor aangepaste response-vormen een interface en cast met await response.json() as MyType. Kijk voor server-side TypeScript naar onze curl naar Node.js-converter.

Hoe handel ik authenticatie af in TypeScript?

Hetzelfde als bij Fetch — geef een Authorization header mee in het getypeerde HeadersInit object. TypeScript zorgt ervoor dat u headernamen niet verkeerd spelt als u een getypeerde headers-helper gebruikt. curl2code genereert correct getypeerde authenticatie-headers van -u en -H 'Authorization: ...' curl-flags.

Hoe verstuur ik formulierdata met TypeScript?

Gebruik de FormData API van de browser — TypeScript heeft hiervoor ingebouwde type-definities. Roep formData.append('file', file) aan met getypeerde parameters. De compiler vangt niet-overeenkomende types op tijdens het builden. curl2code converteert -F flags naar correct getypeerde FormData-aanroepen.

Hoe ga ik typeveilig om met fouten in TypeScript?

Gebruik try/catch met async/await. Type de fout in de catch-clausule als unknown en vernauw deze met instanceof. Controleer response.ok voordat u gaat parsen. Definieer getypeerde fout-responses met interfaces voor API-specifieke foutformaten. Dit geeft u compile-time garanties dat alle foutpaden worden afgehandeld.

Hoe typeer ik API-responses in TypeScript?

Definieer een interface voor de verwachte response-vorm en gebruik vervolgens const data: MyAPI = await response.json(). Combineer voor validatie tijdens runtime met zod of io-ts. Dit patroon garandeert typeveiligheid in uw hele codebase. Voor een vergelijkbare getypeerde ervaring in andere talen, zie curl naar Go of curl naar Rust.

Hoe stel ik timeouts in voor fetch in TypeScript?

Gebruik AbortController — TypeScript bevat volledige type-definities voor de Abort API. Maak const controller = new AbortController() aan, geef signal mee aan fetch en breek af met setTimeout. De AbortSignal.timeout(ms) shorthand is getypeerd in moderne TypeScript lib-targets.

Hoe ga ik om met CORS bij TypeScript?

CORS-afhandeling is identiek aan JavaScript — het is een beveiligingsfunctie van de browser, niet van TypeScript. Stel mode: 'cors' en credentials: 'include' in zoals nodig, waarbij TypeScript zorgt voor de juiste RequestMode en RequestCredentials enum-waarden. Voor server-side requests waar CORS niet van toepassing is, zie curl naar Node.js.

Hoe verstuur je een POST-verzoek met een JSON body in TypeScript?

Converteer een curl POST-commando zoals curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL naar TypeScript met curl2code. De gegenereerde code gebruikt const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code detecteert automatisch -d/--data flags met JSON-inhoud en stelt de juiste Content-Type header in de fetch code in.

Hoe voeg je Bearer token autorisatie toe in TypeScript?

Geef curl -H "Authorization: Bearer YOUR_TOKEN" URL door aan curl2code en het genereert fetch code met de auth header: headers: { Authorization: `Bearer ${token}` }. curl2code detecteert Bearer tokens van zowel -H "Authorization: Bearer ..." als --oauth2-bearer flags. Gebruik voor Basic auth -u user:pass.

Hoe stel je de Content-Type header in in TypeScript?

curl2code converteert curl -H "Content-Type: application/json" URL naar fetch code met de juiste header: headers: { 'Content-Type': 'application/json' } as HeadersInit. Voor -d data gebruikt curl standaard application/x-www-form-urlencoded; voor -F formulier-uploads wordt multipart/form-data gebruikt. curl2code koppelt elk type aan de juiste fetch API.

Handige links

curl handleidingen

Converteer curl naar andere talen