# GraphQL Playground Client GraphQL dans le navigateur : écrivez des requêtes et variables, envoyez-les à tout endpoint GraphQL et inspectez les résultats JSON formatés ou les tableaux d’erreurs — idéal pour itérer sur les schémas pendant le développement > Page canonique: https://elysiatools.com/fr/tools/graphql-playground - **Catégorie:** Development - **Mots-clés:** graphql, graphql playground, client graphql, gql, requête, mutation, introspection, explorateur api, graphiql, relay, apollo ## Présentation GraphQL Playground est un client GraphQL directement intégré à votre navigateur qui vous permet de tester vos requêtes et mutations en temps réel. Saisissez simplement l'URL de votre endpoint, configurez vos variables et en-têtes d'authentification, puis exécutez vos requêtes pour inspecter instantanément les réponses JSON formatées ou analyser les erreurs renvoyées par votre API. ## Entrées - **Endpoint GraphQL** (text): https://api.example.com/graphql - **Requête** (textarea) - **Variables (JSON)** (textarea): { "id": "1" } - **En-têtes** (textarea): Authorization: Bearer token x-api-key: xxx ## Quand l'utiliser - Lors du développement d'une API GraphQL pour tester rapidement les schémas et les résolveurs sans configurer de client lourd. - Pour déboguer des requêtes ou des mutations spécifiques en envoyant des variables et des en-têtes d'authentification personnalisés. - Pour explorer et valider la structure des réponses JSON renvoyées par un endpoint GraphQL public ou privé. ## Fonctionnement - Renseignez l'adresse de votre endpoint GraphQL dans le champ dédié. - Saisissez votre requête ou mutation GraphQL, puis ajoutez éventuellement des variables au format JSON et des en-têtes HTTP comme des jetons d'autorisation. - Cliquez sur le bouton d'envoi pour exécuter la requête. - Visualisez immédiatement le résultat JSON formaté ou le tableau d'erreurs retourné par le serveur. ## Cas d'usage - Test rapide de requêtes complexes avec des variables dynamiques lors du développement d'une application. - Vérification de la structure des données retournées par une API GraphQL tierce. - Débogage d'erreurs d'authentification en testant différents jetons dans les en-têtes HTTP. ## Questions fréquentes ### Puis-je envoyer des en-têtes personnalisés avec ma requête ? Oui, vous pouvez spécifier des en-têtes comme 'Authorization' ou 'x-api-key' dans le champ dédié aux en-têtes. ### Comment passer des variables à ma requête GraphQL ? Saisissez vos variables sous forme d'objet JSON valide dans la zone de texte réservée aux variables. ### Le client prend-il en charge les mutations ? Oui, vous pouvez exécuter aussi bien des requêtes (queries) que des mutations. ### Que se passe-t-il en cas d'erreur de syntaxe ou de serveur ? Le playground affiche directement le tableau d'erreurs retourné par l'endpoint GraphQL pour faciliter le débogage. ### Faut-il installer un logiciel pour utiliser cet outil ? Non, ce client GraphQL fonctionne entièrement dans votre navigateur web sans aucune installation. ## Outils associés - [Auditeur de dépendances package.json](https://elysiatools.com/fr/tools/package-json-dependency-auditor): Audite un package.json pour l’hygiène des dépendances et la qualité des plages de versions, et peut inspecter l’arbre transitif depuis package-lock.json ou yarn.lock. Signale les doublons, wildcard/pré-version, clés non triées, métadonnées manquantes et dépendances runtime/dev mal classées. - [Visualiseur de Plan d’Exécution SQL](https://elysiatools.com/fr/tools/sql-explain-plan-visualizer): Collez la sortie EXPLAIN / EXPLAIN ANALYZE (PostgreSQL/MySQL/SQLite) pour obtenir un arbre des coûts, repérer les écarts lignes estimées/réelles et des suggestions d’index - [Utilitaire Lodash en ligne](https://elysiatools.com/fr/tools/lodash-online-utility): Exécute une sélection sûre de méthodes Lodash sur une entrée JSON. - [Suppresseur de Caractères BOM](https://elysiatools.com/fr/tools/data-bom-remover): Supprimer les caractères BOM (Byte Order Mark) du contenu textuel et des fichiers. Parfait pour nettoyer les fichiers texte avec des problèmes d'encodage. - [Limiteur de Plage de Données](https://elysiatools.com/fr/tools/data-range-limiter): Limiter les valeurs numériques à des plages spécifiées en coupant, filtrant ou marquant les valeurs hors limites. Parfait pour le contrôle de qualité des données. - [GraphQL vers JSON](https://elysiatools.com/fr/tools/graphql-to-json): Convertit les requêtes ou réponses GraphQL au format JSON - [Convertisseur HCL-JSON](https://elysiatools.com/fr/tools/hcl-json-converter): Convertit entre HashiCorp Configuration Language (HCL) et les formats JSON pour les configurations Terraform - [JSON Key Extractor](https://elysiatools.com/fr/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. ## Exemples - [Collections Postman - Tests API](https://elysiatools.com/fr/samples/postman-collections): Exemples complets de collections Postman incluant tests API, scripts d'automatisation, variables d'environnement, serveurs mock et patterns de test avancés pour REST APIs - [Exemples Apache Arrow](https://elysiatools.com/fr/samples/arrow): Exemples de format colonnaire en mémoire Apache Arrow pour le traitement de données et l'analyse haute performance - [Exemples de Traçage Distribué](https://elysiatools.com/fr/samples/distributed-tracing-samples): Exemples complets de traçage distribué utilisant Jaeger, OpenTelemetry et outils d'observabilité modernes - [Exemples AWS EventBridge](https://elysiatools.com/fr/samples/eventbridge-samples): Exemples AWS EventBridge incluant les bus d'événements, règles, cibles, registre de schémas, événements personnalisés et routage d'événements inter-comptes pour l'architecture serverless event-driven ## Contenu associé - [Outils d interchange JSON et de traduction de formats](https://elysiatools.com/fr/hubs/json-convert): Comparez les outils de conversion JSON pour CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN et d autres formats structures dans un meme hub. - [Outils d inspection, de diff et de transformation JSON](https://elysiatools.com/fr/hubs/json-utility): Regroupe dans un meme hub les outils de formatage JSON, comparaison, inspection de chemins, validation de schema, fusion et transformation pour les workflows API et donnees. - [Generateurs de schemas JSON, donnees mock et fixtures API](https://elysiatools.com/fr/hubs/json-generate): Des outils reunis pour generation de schemas JSON, construction de payloads mock et preparation de fixtures API dans un seul hub. - [Outils de formatage, de diff et de normalisation JSON](https://elysiatools.com/fr/hubs/json-format): Comparez les outils de formatage JSON, diff, revue de logs, comparaison de configuration et normalisation de données dans un hub unique pour les workflows JSON lisibles et vérifiables.