GraphQL Playground
Write, validate, and explore GraphQL queries, mutations, and schemas. Paste a schema to browse types and fields, or load sample queries to get started.
GraphQL Query
Variables (JSON)
GraphQL Playground
Write, validate, and explore GraphQL queries, mutations, and schemas. Paste a schema to browse types and fields, or load sample queries to get started.
Features
- 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
How to use
- Введіть ваш GraphQL-запит у редактор або натисніть кнопку прикладу, щоб завантажити зразок запиту.
- Додайте JSON-змінні на панелі змінних, якщо ваш запит використовує параметри.
- Натисніть Виконати, щоб перевірити синтаксис запиту, або перейдіть на вкладку Оглядач Schema, щоб переглянути типи.
Tips & Best Practices
- 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
Чи може цей інструмент насправді викликати GraphQL API?
Ні. Через обмеження CORS браузера цей інструмент не може виконувати запити до зовнішніх API. Він перевіряє синтаксис та структуру вашого запиту на боці клієнта, щоб ви могли виявити помилки перед виконанням запитів у вашому власному застосунку чи API-клієнті.
Яку валідацію він виконує?
Playground перевіряє відповідність фігурних та круглих дужок, дійсні ключові слова операцій (query, mutation, subscription, fragment), порожні набори вибірки та дійсний JSON на панелі змінних. Для кожної знайденої помилки вказується номер рядка.
Як працює Оглядач Schema?
Вставте документ GraphQL Schema Definition Language (SDL) і натисніть Розібрати Schema. Інструмент витягує всі типи, input-типи та enum'и та відображає їх у вигляді карток для перегляду з ім'ям кожного поля та його типом.
Які приклади запитів доступні?
Включено три приклади запитів: базовий query користувачів, що демонструє вкладені поля, параметризований запит зі змінними, що показує директиви та пагінацію, та приклад mutation з input-об'єктами та обробкою помилок.
Чи конфіденційні мої дані?
Так. Уся валідація та парсинг відбуваються повністю у вашому браузері. Жодні дані не надсилаються на жоден сервер. Ваші запити, змінні та schema завжди залишаються на вашому пристрої.
Чи можу я використовувати це для subscription?
Ви можете писати та перевіряти subscription-запити синтаксично. Однак, оскільки реальні WebSocket-з'єднання із зовнішніми серверами не підтримуються, subscription не виконуватиметься. Валідатор все одно перевірить правильність синтаксису.