Comment utiliser : GraphQL Query Builder
- Open Schema (SDL) and paste your schema, or use the sample.
- Choose Query, Mutation or Subscription.
- Tick fields in the tree; expand objects to pick nested fields and fill in arguments.
- Copy the generated query, the variables JSON or the ready-made
fetch()call.
How the builder works
The schema is parsed with graphql-js and turned into a tree that starts at the root type of the operation you choose. Ticking a field adds it to the selection; ticking an object field expands it so you can choose its sub-fields. Arguments you fill in become variables with the right GraphQL types ($id: ID!), so the query stays reusable and safe from injection, and the variables JSON is generated next to it.
Tips
- Fields typed as interfaces or unions show their implementations as inline fragments (
... on Book). - Required arguments are marked with
!; leave optional ones empty to omit them. - Use the filter box to find a field in large schemas.
Format or check an existing query with the GraphQL formatter & validator, and inspect the JSON response in the JSON viewer.
Aussi recherché comme : graphql query generator, build graphql query, graphql explorer, graphql mutation builder, graphql playground alternative.
Outils complémentaires : GraphQL Query Builder
- cURL to Code — Paste a curl command — from API docs or “Copy as cURL” in your browser’s DevTools — and get ready-to-run code for six languages, with headers, body and authentication carried over.
- OpenAPI / Swagger Validator — Paste an API specification to check it against the official OpenAPI schema, catch broken references and inconsistent path parameters, and see every endpoint at a glance.
- JSON vers les types — Collez une réponse API et obtenez des modèles prêts à l'emploi dans 8 langages : TypeScript, Python (dataclass, TypedDict ou Pydantic), Go, Java, C#, Kotlin, Swift et Rust.
- JSON Schema Validator — Paste a schema and some JSON to see exactly which values break which rule — or generate a starting schema from example data.
Questions fréquentes
Where do I get my schema SDL?
Many servers expose it at
/graphql/schema or in the repository (schema.graphql). You can also export it with rover graph introspect or npx get-graphql-schema https://api.example.com/graphql.Does it send the query to my API?
No. The builder only generates text in your browser. Copy the fetch snippet to run it yourself.
Are fragments supported?
Interface and union fields generate inline fragments for each possible type. Named fragments can be added by hand and checked with the GraphQL formatter.
Puis-je installer GraphQL Query Builder en tant qu’application web et l’utiliser hors ligne ?
Oui. GraphQL Query Builder est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.