GraphQL Playground
Écrivez, validez et explorez des requêtes, mutations et schémas GraphQL. Collez un schema pour parcourir les types et les champs, ou chargez des requêtes d'exemple pour démarrer.
Requête GraphQL
Variables (JSON)
GraphQL Playground
Écrivez, validez et explorez des requêtes, mutations et schémas GraphQL. Collez un schema pour parcourir les types et les champs, ou chargez des requêtes d'exemple pour démarrer.
Fonctionnalités
- Client-side query validation: brace / paren matching, operation keywords, variables JSON syntax
- Schema explorer parses a pasted GraphQL SDL and lists types, inputs, enums
- Built-in formatter for queries and SDL
- This is a VALIDATOR — queries are NOT sent to a GraphQL endpoint
- For actually executing queries, use GraphQL Playground (the original), GraphiQL, or your IDE's GraphQL extension
Mode d'emploi
- Saisissez votre requête GraphQL dans l'éditeur ou cliquez sur un bouton d'exemple pour charger une requête type.
- Ajoutez des variables JSON dans le panneau des variables si votre requête utilise des paramètres.
- Cliquez sur Exécuter pour valider la syntaxe de la requête, ou passez à l'onglet Explorateur de Schema pour parcourir les types.
Conseils et bonnes pratiques
- Queries stay in your browser. CORS makes browser-side GraphQL execution unreliable for arbitrary endpoints, so this tool is a syntax sanity-check only.
- For real query execution, use a desktop client (Insomnia, Postman) or a server-side proxy.
- Variable validation is JSON-syntax only — the tool doesn't cross-check variable shapes against schema types.
- Paste your schema's SDL into the schema panel to get the type list for autocomplete-style discovery.
- Standard operation types (query / mutation / subscription) are recognised.
FAQ
Cet outil peut-il réellement appeler une API GraphQL ?
Non. En raison des restrictions CORS du navigateur, cet outil ne peut pas exécuter de requêtes contre des API externes. Il valide la syntaxe et la structure de votre requête côté client afin que vous puissiez détecter les erreurs avant d'exécuter les requêtes dans votre propre application ou client API.
Quel type de validation effectue-t-il ?
Le playground vérifie la correspondance des accolades et des parenthèses, les mots-clés d'opération valides (query, mutation, subscription, fragment), les ensembles de sélection vides et le JSON valide dans le panneau des variables. Il fournit des références de numéro de ligne pour chaque erreur trouvée.
Comment fonctionne l'Explorateur de Schema ?
Collez un document Schema Definition Language (SDL) GraphQL et cliquez sur Analyser le Schema. L'outil extrait tous les types, input types et enums, et les affiche sous forme de cartes navigables présentant le nom de chaque champ et son type.
Quelles requêtes d'exemple sont disponibles ?
Trois requêtes d'exemple sont incluses : une query d'utilisateurs basique illustrant les champs imbriqués, une requête paramétrée avec des variables montrant les directives et la pagination, et un exemple de mutation avec des objets d'entrée et la gestion des erreurs.
Mes données sont-elles privées ?
Oui. Toute la validation et l'analyse se déroulent entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur. Vos requêtes, variables et schemas restent sur votre appareil à tout moment.
Puis-je utiliser ceci pour subscription ?
Vous pouvez écrire et valider des requêtes subscription sur le plan syntaxique. Cependant, comme les connexions WebSocket réelles vers des serveurs externes ne sont pas prises en charge, la subscription ne s'exécutera pas. Le validateur vérifiera quand même la justesse de la syntaxe.