cURL-zu-JavaScript (axios) Konverter

Konvertiert einen cURL-Befehl in ein JavaScript axios-Code-Snippet mit Konfigurationsobjekt, Headern und Daten

Wichtige Fakten

Kategorie
Entwicklung & Web
Eingabetypen
textarea, checkbox
Ausgabetyp
text
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der cURL-zu-JavaScript (axios) Konverter übersetzt cURL-Befehle direkt in sauberen JavaScript-Code für die Axios-Bibliothek. Das Tool extrahiert HTTP-Methoden, URLs, Header und Request-Bodys und strukturiert sie automatisch in ein gebrauchsfertiges Axios-Konfigurationsobjekt für Node.js- oder Browser-Anwendungen.

Wann verwenden

  • Wenn Sie API-Anfragen aus einer Dokumentation schnell in eine JavaScript-Anwendung mit Axios integrieren möchten.
  • Wenn Sie komplexe HTTP-Header und JSON-Payloads fehlerfrei in ein Axios-Konfigurationsobjekt übersetzen müssen.
  • Wenn Sie manuelle Syntaxfehler beim Umschreiben von cURL-Parametern in JavaScript-Code vermeiden wollen.

So funktioniert es

  • Fügen Sie Ihren cURL-Befehl in das Eingabefeld für den cURL-Befehl ein.
  • Wählen Sie optional aus, ob der Request-Body formatiert und erklärende Kommentare in den Code eingefügt werden sollen.
  • Der Konverter analysiert die HTTP-Methode, Header, URL und Daten des cURL-Befehls.
  • Kopieren Sie den generierten JavaScript-Code mit der fertigen Axios-Konfiguration direkt in Ihr Projekt.

Anwendungsfälle

Migration von API-Beispielen aus externen Dokumentationen in ein eigenes Frontend- oder Backend-Projekt.
Schnelles Testen von API-Endpunkten in einer JavaScript-Umgebung nach dem Kopieren von Anfragen aus den Browser-Entwicklertools.
Automatisches Generieren von Axios-Boilerplate-Code für komplexe API-Aufrufe mit vielen Headern und Authentifizierungs-Tokens.

Beispiele

1. POST-Request mit JSON-Payload konvertieren

Frontend-Entwickler
Hintergrund
Ein Entwickler möchte einen POST-Request zur Benutzerregistrierung aus einer API-Dokumentation in eine React-App einbinden.
Problem
Der cURL-Befehl enthält Header für den Content-Type und ein JSON-Objekt mit Benutzerdaten, das manuell in Axios-Syntax umgeschrieben werden müsste.
Verwendung
Fügen Sie den cURL-Befehl mit der POST-Methode und den JSON-Daten ein und aktivieren Sie die Option 'Body formatieren'.
Beispielkonfiguration
curlCommand: "curl -X POST https://api.example.com/register -H \"Content-Type: application/json\" -d '{\"username\": \"testuser\", \"email\": \"[email protected]\"}'", prettyBody: true, includeComments: true
Ergebnis
Sie erhalten ein Axios-Code-Snippet mit axios.post und einem sauber formatierten Daten-Objekt sowie den entsprechenden Headern.

2. GET-Request mit Authorization-Header übersetzen

Backend-Entwickler
Hintergrund
Ein Entwickler muss Daten von einer geschützten API abrufen und hat dafür einen cURL-Befehl mit einem Bearer-Token erhalten.
Problem
Der Authorization-Header muss korrekt in das Axios-Konfigurationsobjekt übertragen werden, ohne Syntaxfehler zu verursachen.
Verwendung
Fügen Sie den cURL-Befehl mit dem Authorization-Header in das Eingabefeld ein.
Beispielkonfiguration
curlCommand: "curl -H \"Authorization: Bearer xyz123\" https://api.example.com/data", prettyBody: false, includeComments: true
Ergebnis
Der Konverter generiert einen axios.get-Aufruf, bei dem das Token im headers-Objekt der Axios-Konfiguration hinterlegt ist.

Mit Samples testen

development

Verwandte Hubs

FAQ

Unterstützt der Konverter alle HTTP-Methoden?

Ja, alle gängigen HTTP-Methoden wie GET, POST, PUT, DELETE und PATCH werden korrekt in Axios-Methoden übersetzt.

Werden verschachtelte JSON-Daten im Request-Body unterstützt?

Ja, JSON-Daten aus dem cURL-Befehl werden analysiert und als JavaScript-Objekt in der Axios-Konfiguration abgebildet.

Kann ich den generierten Code sowohl im Browser als auch in Node.js verwenden?

Ja, der erzeugte Axios-Code ist standardmäßig mit beiden Laufzeitumgebungen kompatibel.

Was bewirkt die Option 'Body formatieren'?

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

Werden sensible Daten wie API-Keys an einen Server übertragen?

Nein, die Konvertierung findet lokal in Ihrem Browser statt, sodass Ihre API-Schlüssel und Header privat bleiben.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/curl-to-js-axios

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
curlCommand textarea Ja -
prettyBody checkbox Nein -
includeComments checkbox Nein -

Antwortformat

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Text: Text

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu:

{
  "mcpServers": {
    "elysiatools-curl-to-js-axios": {
      "name": "curl-to-js-axios",
      "description": "Konvertiert einen cURL-Befehl in ein JavaScript axios-Code-Snippet mit Konfigurationsobjekt, Headern und Daten",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=curl-to-js-axios",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]