cURL-zu-JavaScript (fetch) Konverter

cURL-zu-JavaScript (fetch) Konverter | Kostenloses Online-Tool | Elysia Tools

Leitfaden zur Tool-Nutzung

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Kategorie: Development
Eingabetypen: textarea, checkbox
Ausgabetyp: text
Sample-Abdeckung: 4
API bereit: Ja

Überblick

Der cURL-zu-JavaScript (fetch) Konverter übersetzt cURL-Befehle direkt in sauberen JavaScript-Code unter Verwendung der modernen Fetch-API. Das Tool extrahiert HTTP-Methoden, Header sowie Request-Bodys und generiert ein sofort einsatzbereites Code-Snippet für Webanwendungen oder Node.js-Skripte.

Wann verwenden

Wenn Sie API-Anfragen aus einer Terminal-Dokumentation schnell in eine JavaScript-Webanwendung integrieren müssen.
Wenn Sie manuelle Fehler beim Umschreiben von HTTP-Headern und JSON-Bodys in JavaScript-Objekte vermeiden wollen.
Wenn Sie Prototypen im Browser testen und dafür schnell ein funktionierendes fetch-Skript benötigen.

So funktioniert es

1Fügen Sie Ihren cURL-Befehl in das Eingabefeld ein.
2Wählen Sie optional aus, ob der Request-Body formatiert und erklärende Kommentare in den Code eingefügt werden sollen.
3Der Konverter analysiert die HTTP-Methode, Header und Daten des cURL-Befehls und generiert das entsprechende JavaScript-fetch-Snippet.

Anwendungsfälle

Übertragen von API-Beispielen aus externen Entwickler-Dokumentationen in das eigene Frontend-Projekt.
Schnelles Erstellen von Test-Skripten für API-Endpunkte direkt in den Browser-Entwicklertools.
Konvertieren von komplexen cURL-Befehlen mit Authentifizierungs-Headern in sauberen JavaScript-Code.

Beispiele

1. POST-Request mit JSON-Payload konvertieren

Frontend-Entwickler

Hintergrund

Ein Entwickler möchte einen API-Endpunkt zur Benutzerregistrierung in seiner React-App ansprechen. Die Dokumentation liefert nur ein cURL-Beispiel.

Aufgabe

Der cURL-Befehl enthält einen JSON-Body und mehrere Header, die manuell fehleranfällig in JavaScript übersetzt werden müssten.

Verwendung

Fügen Sie den cURL-Befehl in das Textfeld ein und aktivieren Sie die Optionen 'Body formatieren' und 'Kommentare einfügen'.

curlCommand: curl -X POST https://api.example.com/users -H "Content-Type: application/json" -d '{"name":"Alice","role":"admin"}'
prettyBody: true
includeComments: true

Ergebnis

Ein fertiges JavaScript-Snippet mit fetch(), das die POST-Methode, die Header und den formatierten JSON-Body enthält.

2. GET-Request mit Authorization-Header umwandeln

Backend-Entwickler

Hintergrund

Für ein Node.js-Skript muss ein geschützter API-Endpunkt abgefragt werden. Das Token liegt als cURL-Befehl vor.

Aufgabe

Der Authorization-Header muss korrekt in die Fetch-Optionen eingebunden werden, ohne Syntaxfehler zu verursachen.

FAQ

Unterstützt der Konverter POST-Anfragen mit JSON-Daten?

Ja, JSON-Daten im Request-Body werden analysiert und in ein JavaScript-Objekt für den Fetch-Body umgewandelt.

Werden benutzerdefinierte HTTP-Header übernommen?

Ja, alle mit -H oder --header definierten Header werden in das headers-Objekt der Fetch-Optionen übertragen.

Kann ich den generierten Code direkt im Browser ausführen?

Ja, der generierte fetch-Code verwendet die standardmäßige Web-API und läuft direkt in modernen Browsern sowie Node.js.

Was bewirkt die Option 'Body formatieren'?

Sie sorgt dafür, dass JSON-Bodys im generierten Code übersichtlich eingerückt und lesbar dargestellt werden.

Werden auch andere HTTP-Methoden wie PUT oder DELETE unterstützt?

Ja, die im cURL-Befehl angegebene Methode wird korrekt in die Fetch-Konfiguration übernommen.

curlCommand: curl -H "Authorization: Bearer xyz123" https://api.example.com/data
prettyBody: false
includeComments: false

Dieses Tool ausführen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. POST-Request mit JSON-Payload konvertieren

2. GET-Request mit Authorization-Header umwandeln

FAQ

Rome JavaScript Toolchain Beispiele

Web Python Bildverarbeitung Beispiele

Hugging Face JavaScript-Beispiele

JavaScript-Beispiele

cURL-zu-Go (net/http) Konverter

cURL-zu-JavaScript (axios) Konverter

cURL-zu-PHP (cURL) Konverter

cURL-zu-Python (requests) Konverter

cURL-zu-Code-Konverter und HTTP-Anfragewerkzeuge

Tools fuer API-Request-Replay, Snippets und Runtime-Debugging

Tools fur Audio-Encoding und Formatkonvertierung

Tools fur Bildformat-Konvertierung und animierten Export