# GraphQL Playground GraphQL-Client im Browser: Schreiben Sie Queries und Variablen, senden Sie sie an einen beliebigen GraphQL-Endpoint und inspizieren Sie formatierte JSON-Ergebnisse oder Fehler-Arrays — ideal für die Schema-Iteration während der Entwicklung > Kanonische Seite: https://elysiatools.com/de/tools/graphql-playground - **Kategorie:** Development - **Schlagwörter:** graphql, graphql playground, graphql-client, gql, query, mutation, introspektion, api-explorer, graphiql, relay, apollo ## Ü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. ## Eingaben - **GraphQL-Endpoint** (text): https://api.example.com/graphql - **Query** (textarea) - **Variablen (JSON)** (textarea): { "id": "1" } - **Header** (textarea): Authorization: Bearer token x-api-key: xxx ## 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. ## Funktionsweise - Geben Sie die URL Ihres GraphQL-Endpunkts in das Feld für den Endpoint ein. - Schreiben Sie Ihre Query oder Mutation im Editor und definieren Sie bei Bedarf JSON-Variablen im Variablen-Bereich. - Fü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. ## Häufig gestellte Fragen ### 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. ## Ähnliche Tools - [package.json Abhängigkeits-Prüfer](https://elysiatools.com/de/tools/package-json-dependency-auditor): Prüft ein package.json auf Abhängigkeitshygiene und Qualität von Versionsbereichen und kann optional den transitiven Baum aus package-lock.json oder yarn.lock untersuchen. Markiert Duplikate, Wildcards oder Pre-Releases, unsortierte Schlüssel, fehlende Metadaten und falsch klassifizierte Laufzeit-/Dev-Abhängigkeiten. - [SQL Ausführungsplan-Visualisierer](https://elysiatools.com/de/tools/sql-explain-plan-visualizer): Füge EXPLAIN-/EXPLAIN-ANALYZE-Ausgaben (PostgreSQL/MySQL/SQLite) ein, um einen Kostenbaum zu erhalten, Abweichungen zwischen geschätzten und tatsächlichen Zeilen zu markieren und Indexvorschläge zu erhalten - [Lodash-Online-Werkzeug](https://elysiatools.com/de/tools/lodash-online-utility): Führt eine sichere Auswahl von Lodash-Methoden für JSON aus. - [BOM-Zeichen-Entferner](https://elysiatools.com/de/tools/data-bom-remover): BOM (Byte Order Mark) Zeichen aus Text- und Dateiinhalten entfernen. Perfekt zum Bereinigen von Textdateien mit Codierungsproblemen. - [Datenbereichs-Begrenzer](https://elysiatools.com/de/tools/data-range-limiter): Numerische Werte auf angegebene Bereiche begrenzen durch Clipping, Filtern oder Markieren von Werten außerhalb des Bereichs. Perfekt für Datenqualitätskontrolle. - [GraphQL zu JSON](https://elysiatools.com/de/tools/graphql-to-json): Konvertiert GraphQL-Abfragen oder -Antworten in JSON-Format - [HCL-JSON-Konverter](https://elysiatools.com/de/tools/hcl-json-converter): Konvertiert zwischen HashiCorp Configuration Language (HCL) und JSON-Formaten für Terraform-Konfigurationen - [JSON Key Extractor](https://elysiatools.com/de/tools/json-key-extractor): Extract all keys from JSON objects with multiple output formats. Perfect for analyzing JSON structure, documentation generation, and understanding complex nested objects. ## Beispiele - [Postman Collections - API Tests](https://elysiatools.com/de/samples/postman-collections): Umfassende Postman Collection Beispiele inklusive API Tests, Automatisierungsskripte, Umgebungsvariablen, Mock Server und fortgeschrittene Testmuster für REST APIs - [Apache Arrow Beispiele](https://elysiatools.com/de/samples/arrow): Apache Arrow In-Memory Columnar Format Beispiele für Hochleistungs-Datenverarbeitung und -Analyse - [Distributed Tracing Beispiele](https://elysiatools.com/de/samples/distributed-tracing-samples): Umfassende Beispiele für verteiltes Tracing mit Jaeger, OpenTelemetry und modernen Observability Tools - [AWS EventBridge Beispiele](https://elysiatools.com/de/samples/eventbridge-samples): AWS EventBridge Beispiele einschließlich Event Buses, Rules, Targets, Schema Registry, Custom Events und Cross-Account Event Routing für Serverless Event-Driven Architecture ## Verwandte Inhalte - [Tools fur JSON-Austausch und Format-Ubersetzung](https://elysiatools.com/de/hubs/json-convert): Vergleiche JSON-Konvertierungswerkzeuge fur CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN und ahnliche strukturierte Formate in einem Hub. - [Werkzeuge fur JSON-Inspektion, Diff und Transformation](https://elysiatools.com/de/hubs/json-utility): Bunde JSON-Formatierung, Diff, Pfad-Inspektion, Schema-Prufung, Merge und Transformation in einem Hub fur API- und Daten-Workflows. - [Generatoren fur JSON-Schemas, Mock-Daten und API-Fixtures](https://elysiatools.com/de/hubs/json-generate): Gebundelte Werkzeuge fur JSON-Schema-Generierung, Aufbau von Mock-Payloads und Vorbereitung von API-Fixtures in einem Hub. - [JSON-Formatierungs-, Diff- und Normalisierungs-Tools](https://elysiatools.com/de/hubs/json-format): Vergleichen Sie JSON-Formatierung, Diff, Log-Review, Konfigurationsvergleich und Datennormalisierung in einem Hub für lesbare und überprüfbare JSON-Workflows.