Zum Hauptinhalt springen
Bethemesh
Entwicklung

API-Anfrage-Builder

Konfiguriere eine HTTP-Anfrage und erzeuge direkt im Browser passende cURL-, Fetch- und Axios-Beispiele.

  • Zwischenablage
  • Export

Dieses Widget einbetten

Passe die Darstellung an, prüfe die Vorschau und kopiere anschließend den Code.

Vorschau

Art des Einbettungscodes

Zu kopierender Code

Responsive und automatisch von Bethemesh in der Größe angepasst.

Methode

Ein Parameter pro Zeile: schlüssel=wert

Ein Header pro Zeile: Name: Wert

War dieses Werkzeug hilfreich?

Wie funktioniert dieses Tool?

Eine vollständige HTTP-API-Anfrage mit Methode, URL, Parametern, Headern und Body erstellen.

Eine Konfiguration erzeugt Code für cURL, Fetch und Axios. Der Generator kontaktiert die URL nicht und misst weder HTTP-Status noch Antwortdauer. HTTP(S)-URLs werden geprüft und serialisiert. Schlüssel=Wert-Zeilen ergänzen vorhandene Abfrageparameter, auch bei wiederholten Schlüsseln. Header verwenden Name: Wert mit Prüfung von Namen und Steuerzeichen. Bei gleichen Namen ohne Beachtung der Großschreibung gilt der letzte Wert.

JSON-Inhalte werden geprüft und anschließend als ursprünglicher Text in den Ausgaben bewahrt. So wird bei der Generierung keine große Ganzzahl unbemerkt umgeschrieben. Content-Type: application/json wird bei Bedarf ergänzt, ohne eine ausdrückliche Angabe zu ersetzen. GET- und HEAD-Inhalte werden für Fetch-Kompatibilität abgelehnt. Zur Auswahl stehen kein Inhalt, JSON und Text, nicht Dateien oder Multipart-Formulare.

Der Fetch-Code verwendet await und liest Antworttext, bevor er als JSON angekündigten Inhalt analysiert. Bei der Ausführung gilt dabei die Zahlengenauigkeit von JavaScript. Axios muss im Projekt verfügbar sein; der Code installiert es nicht. cURL nutzt POSIX-Quotierung. Die Umgebungen unterscheiden sich: Browser erzwingen CORS und beschränken Header, cURL arbeitet im Terminal. Die Generierung garantiert deshalb keine gleichen Antworten in allen Kontexten. Prüfe zusätzlich die verfügbaren Bibliotheken und die tatsächliche Laufzeit deines Projekts.

So verwenden Sie dieses Tool

  1. Die Anfrage beschreiben

    Wähle Methode, absolute URL, Parameter und Header. Verwende erfundene Zugangsdaten, wenn du die Ausgabe teilen möchtest.

  2. Den Inhalt wählen

    Wähle JSON oder Text nur bei hier unterstützten Methoden mit Inhalt. Ungültiges JSON verhindert alle drei Ausgaben.

  3. Den Clientcode anpassen

    Erzeuge und kopiere den benötigten Code oder lade ihn herunter. Ergänze Fehlerbehandlung, Statusprüfung und passende Anmeldung vor der Integration.

Anwendungsfälle

Clientcode vergleichen

Erzeuge Fetch, Axios und cURL aus derselben Anfragekonfiguration.

JSON-Anfragen vorbereiten

Prüfe den Körper vor der Übernahme in ein technisches Integrationsbeispiel.

Ein Projekt anbinden

Wähle den passenden Client und ergänze seine Fehlerbehandlung in deiner Anwendung.

Beispiele

Eine Suche mit cURL

Das Leerzeichen im Filter wird in der Query serialisiert. Der Befehl bleibt Text; eine API-Antwort wurde nicht angefordert.

Eingabe

GET https://example.com/search; q=hello world

Ergebnis

curl 'https://example.com/search?q=hello+world'

Ein POST mit Fetch

Der JSON-Inhalt bleibt eine Zeichenfolge. await benötigt passenden JavaScript-Kontext; die Antwortverarbeitung läuft erst nach deiner Integration.

Eingabe

POST https://example.com/api; JSON {"name":"Ada"}

Ergebnis

const response = await fetch("https://example.com/api", {
  "method": "POST",
  "headers": {
    "Content-Type": "application/json"
  },
  "body": "{\"name\":\"Ada\"}"
});
const text = await response.text();
const data = text && response.headers.get("content-type")?.includes("json") ? JSON.parse(text) : text;

Tipps und bewährte Vorgehensweisen

  • Ein 404 kann eine Response liefern, ohne fetch zurückzuweisen. Ergänze je nach Ziel eine Prüfung von response.ok.
  • Teile Konfigurationen mit erfundenen Zugangsdaten. Heruntergeladene Dateien enthalten eingegebene Authentifizierungswerte.
  • Der erzeugte Code legt keine Wiederholungsregel fest. Wähle sie nach Methode und Idempotenz der tatsächlichen Operation.

Quellen und Referenzen

Häufig gestellte Fragen

Warum funktioniert cURL, während Fetch blockiert wird?

Browser erzwingen CORS und Headerregeln, Terminals nicht. Prüfe Serverantworten und erlaubte Ursprünge, bevor du einen Generierungsfehler annimmst.

Ist der Axios-Code eigenständig?

Nein. Er setzt verfügbares Axios und Unterstützung für await voraus. Ergänze Importe, Abhängigkeiten und Fehlerbehandlung für dein Projekt.

Wird JSON im Code umgeschrieben?

Der Inhalt wird geprüft und als Text bewahrt. Die spätere JSON-Antwortanalyse ist ein eigener Schritt und kann große Zahlen in JavaScript runden.

Kann ich Antwortzeiten vergleichen?

Nein. Es werden keine Anfragen ausgeführt. Nutze einen HTTP-Client oder Entwicklungswerkzeuge für Netzwerk, Status, Anmeldung und Zeitmessungen.

Verwandte Werkzeuge

Mit diesen Werkzeugen weitermachen

Werkzeuge, die diesem ähnlich sind oder es ergänzen.

Ähnliche Werkzeuge

cURL-Generator

cURL-Befehle aus HTTP-Anfragedaten erstellen.

EntwicklungDieses Werkzeug verwenden

HTTP-Header-Generator

HTTP-Header für Anfragen oder Antworten zusammenstellen.

EntwicklungDieses Werkzeug verwenden

JSON formatieren

Formatiere, komprimiere und prüfe JSON-Daten.

EntwicklungEmpfohlenDieses Werkzeug verwenden

Auch interessant