GraphQL Playground

GraphQL Playground | 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: text, textarea
Ausgabetyp: interactive
Sample-Abdeckung: 4
API bereit: Ja

Überblick

Der GraphQL Playground ist ein interaktiver In-Browser-Client, mit dem Sie Queries und Mutations direkt an Ihre API-Endpunkte senden, Variablen definieren und formatierte JSON-Antworten oder Fehler-Arrays in Echtzeit analysieren können.

Wann verwenden

Zum schnellen Testen und Debuggen von GraphQL-Queries und Mutations ohne lokale Client-Installation.
Zur Überprüfung von API-Antworten und Schema-Strukturen während der aktiven Softwareentwicklung.
Zum Testen von authentifizierten GraphQL-Endpunkten durch das einfache Hinzufügen benutzerdefinierter HTTP-Header.

So funktioniert es

1Geben Sie die URL Ihres GraphQL-Endpunkts in das Feld für den Endpoint ein.
2Schreiben Sie Ihre Query oder Mutation im Editor und definieren Sie bei Bedarf JSON-Variablen im Variablen-Bereich.
3Fügen Sie notwendige HTTP-Header wie Autorisierungs-Token hinzu und senden Sie die Anfrage ab, um das formatierte JSON-Ergebnis direkt anzuzeigen.

Anwendungsfälle

Abfragen von Länderdaten über eine öffentliche GraphQL-API zum Testen von Datenstrukturen.
Debuggen von fehlerhaften Mutations durch Analyse der zurückgegebenen GraphQL-Fehler-Arrays.
Schnelles Prototyping von Frontend-Datenanforderungen durch direktes Ausführen von Queries gegen den Entwicklungs-Server.

Beispiele

1. Abfrage von Länderdaten über eine öffentliche API

Frontend-Entwickler

Hintergrund

Ein Entwickler möchte die Struktur einer öffentlichen Länder-API verstehen, um Kontinent-Codes in einer Web-App anzuzeigen.

Aufgabe

Schnelles Testen der Query-Struktur ohne Code schreiben zu müssen.

Verwendung

Tragen Sie den Endpoint 'https://countries.trevorblades.com/' ein und fügen Sie die Query für Kontinente hinzu.

Endpoint: https://countries.trevorblades.com/
Query:
query {
  continents {
    code
    name
  }
}

Ergebnis

Die API liefert eine formatierte JSON-Liste aller Kontinente mit ihren Codes und Namen zurück.

2. Authentifizierte Benutzerabfrage mit Variablen

Backend-Entwickler

Hintergrund

Ein Entwickler muss prüfen, ob die Benutzerdaten für eine bestimmte ID korrekt über die geschützte Staging-API zurückgegeben werden.

Aufgabe

Senden einer Query mit einer dynamischen ID-Variable und einem Bearer-Token zur Authentifizierung.

Verwendung

Geben Sie den Staging-Endpoint ein, fügen Sie den Authorization-Header hinzu, definieren Sie die Query mit der Variable '$userId' und tragen Sie die ID in das Variablen-Feld ein.

FAQ

Kann ich geschützte GraphQL-APIs abfragen?

Ja, Sie können Autorisierungs-Header wie 'Authorization: Bearer token' im Header-Feld angeben.

Unterstützt das Tool Variablen?

Ja, Sie können Variablen im standardmäßigen JSON-Format im dafür vorgesehenen Textbereich definieren.

Welche Endpunkte werden unterstützt?

Sie können jeden öffentlich oder lokal erreichbaren GraphQL-HTTP-Endpunkt abfragen, der CORS-Anfragen zulässt.

Werden Mutations unterstützt?

Ja, Sie können sowohl Queries als auch Mutations schreiben und ausführen.

Benötige ich eine Registrierung, um den Playground zu nutzen?

Nein, das Tool läuft direkt im Browser und erfordert keine Anmeldung oder Installation.

Endpoint: https://api.staging.example.com/graphql
Headers:
Authorization: Bearer secret_token_123
Query:
query GetUser($userId: ID!) {
  user(id: $userId) {
    name
    email
  }
}
Variables:
{
  "userId": "usr_99"
}

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. Abfrage von Länderdaten über eine öffentliche API

2. Authentifizierte Benutzerabfrage mit Variablen

FAQ

Postman Collections - API Tests

Apache Arrow Beispiele

Distributed Tracing Beispiele

AWS EventBridge Beispiele

package.json Abhängigkeits-Prüfer

SQL Ausführungsplan-Visualisierer

Lodash-Online-Werkzeug

BOM-Zeichen-Entferner

Tools fur JSON-Austausch und Format-Ubersetzung

Werkzeuge fur JSON-Inspektion, Diff und Transformation

Generatoren fur JSON-Schemas, Mock-Daten und API-Fixtures

JSON-Formatierungs-, Diff- und Normalisierungs-Tools