curl in TypeScript konvertieren

curl2code generiert TypeScript-Code unter Verwendung der browsernativen fetch-API mit vollständigen Typannotationen. Der generierte Code enthält typisierte Anfrageoptionen, ordnungsgemäße Response-Verarbeitung und typsicheres JSON-Parsing. TypeScript fügt der gleichen Fetch-API, die in einfachem JavaScript verwendet wird, Kompilierzeitsicherheit hinzu.

Die Laufzeit-API ist identisch – TypeScript fügt eine statische Typprüfung hinzu. Sie erhalten typisierte Headers, RequestInit und Response Objekte. Für benutzerdefinierte Antwortstrukturen definieren Sie ein Interface und casten Sie mit await response.json() as MyType. Für serverseitiges TypeScript siehe unseren curl zu Node.js Konverter.

Genauso wie bei Fetch – übergeben Sie einen Authorization-Header im typisierten HeadersInit-Objekt. TypeScript stellt sicher, dass Sie Headernamen nicht falsch schreiben, wenn Sie einen typisierten Header-Helper verwenden. curl2code generiert korrekt typisierte Auth-Header aus den curl-Flags -u und -H 'Authorization: ...'.

Verwenden Sie die FormData-API des Browsers – TypeScript verfügt über integrierte Typdefinitionen dafür. Rufen Sie formData.append('file', file) mit typisierten Parametern auf. Der Compiler erkennt nicht übereinstimmende Typen zur Build-Zeit. curl2code konvertiert -F-Flags in korrekt typisierte FormData-Aufrufe.

Verwenden Sie try/catch mit async/await. Typisieren Sie den Fehler im Catch-Block als unknown und grenzen Sie ihn mit instanceof ein. Überprüfen Sie response.ok vor dem Parsen. Definieren Sie typisierte Antwortformate mit Interfaces für API-spezifische Fehlerformate. Dies gibt Ihnen Kompilierzeitgarantien, dass alle Fehlerpfade behandelt werden.

Definieren Sie ein Interface für die erwartete Antwortstruktur und verwenden Sie dann const data: MyAPI = await response.json(). Für die Validierung zur Laufzeit kombinieren Sie dies mit zod oder io-ts. Dieses Muster gewährleistet Typsicherheit in Ihrer gesamten Codebasis. Für eine ähnliche typisierte Erfahrung in anderen Sprachen siehe curl zu Go oder curl zu Rust.

Verwenden Sie AbortController – TypeScript enthält vollständige Typdefinitionen für die Abort-API. Erstellen Sie const controller = new AbortController(), übergeben Sie das signal an fetch und brechen Sie mit setTimeout ab. Die Kurzschreibweise AbortSignal.timeout(ms) ist in modernen TypeScript-Lib-Targets typisiert.

Die CORS-Behandlung ist identisch mit JavaScript – es ist ein Sicherheitsfeature des Browsers, kein Feature von TypeScript. Setzen Sie mode: 'cors' und credentials: 'include' nach Bedarf, wobei TypeScript korrekte RequestMode- und RequestCredentials-Enum-Werte sicherstellt. Für serverseitige Anfragen, bei denen CORS nicht gilt, siehe curl zu Node.js.

Konvertieren Sie einen curl POST Befehl wie curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL mit curl2code nach TypeScript. Der generierte Code verwendet const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code erkennt automatisch -d/--data Flags mit JSON Inhalt und setzt den entsprechenden Content-Type Header im fetch Code.

Übergeben Sie curl -H "Authorization: Bearer YOUR_TOKEN" URL an curl2code und es generiert fetch Code mit dem Auth Header: headers: { Authorization: `Bearer ${token}` }. curl2code erkennt Bearer Tokens sowohl in -H "Authorization: Bearer ..." als auch in --oauth2-bearer Flags. Für Basic auth verwenden Sie -u user:pass.

curl2code konvertiert curl -H "Content-Type: application/json" URL in fetch Code mit dem richtigen Header: headers: { 'Content-Type': 'application/json' } as HeadersInit. Bei -d Daten verwendet curl standardmäßig application/x-www-form-urlencoded; bei -F Formular-Uploads wird multipart/form-data verwendet. curl2code ordnet beides der korrekten fetch API zu.