# GraphQL Playground

GraphQL-клиент в браузере: пишите запросы и переменные, отправляйте их на любой GraphQL-эндпоинт и проверяйте форматированные JSON-результаты или массивы ошибок — идеально для итераций по схеме во время разработки

> Каноническая страница: https://elysiatools.com/ru/tools/graphql-playground

- **Категория:** Development

- **Ключевые слова:** graphql, graphql playground, graphql-клиент, gql, запрос, mutation, интроспекция, исследователь api, graphiql, relay, apollo

## Обзор

GraphQL Playground — это интерактивный клиент в вашем браузере, позволяющий отправлять запросы и мутации на любые GraphQL-эндпоинты, передавать переменные и заголовки авторизации, а также мгновенно просматривать форматированные JSON-ответы или списки ошибок.

## Входные данные

- **GraphQL-эндпоинт** (text): https://api.example.com/graphql
- **Запрос** (textarea)
- **Переменные (JSON)** (textarea): { "id": "1" }
- **Заголовки** (textarea): Authorization: Bearer token x-api-key: xxx

## Когда использовать

- Для быстрого тестирования GraphQL-запросов и мутаций без установки локальных приложений.
- При необходимости проверить структуру схемы API и получить форматированный JSON-ответ от удаленного сервера.
- Для отладки запросов с использованием динамических переменных и кастомных HTTP-заголовков, таких как токены авторизации.

## Как это работает

- Укажите URL-адрес вашего GraphQL-эндпоинта в поле ввода.
- Напишите нужный GraphQL-запрос или мутацию в редакторе кода.
- Заполните JSON-переменные и HTTP-заголовки при необходимости.
- Нажмите кнопку отправки запроса, чтобы выполнить операцию и просмотреть полученный JSON-ответ.

## Сценарии использования

- Проверка работоспособности публичных и приватных GraphQL API.
- Отладка сложных мутаций с передачей входных данных через JSON-переменные.
- Быстрое прототипирование клиентских запросов перед их интеграцией в код приложения.

## Частые вопросы

### Можно ли отправлять запросы к локальному серверу (localhost)?

Да, если ваш локальный сервер запущен и поддерживает CORS-запросы от браузера.

### Как передать токен авторизации в запросе?

Добавьте заголовок в формате 'Authorization: Bearer <ваш_токен>' в поле заголовков.

### Поддерживает ли инструмент переменные?

Да, вы можете передавать динамические параметры через поле 'Переменные (JSON)'.

### Что делать, если запрос возвращает ошибку CORS?

Убедитесь, что на целевом сервере разрешены запросы с домена, на котором запущен данный инструмент.

### Можно ли выполнять мутации (mutations) через этот интерфейс?

Да, инструмент поддерживает любые стандартные GraphQL-операции, включая query и mutation.

## Связанные инструменты

- [Аудитор зависимостей package.json](https://elysiatools.com/ru/tools/package-json-dependency-auditor): Проверяет package.json на гигиену зависимостей и качество диапазонов версий, а также при желании исследует транзитивное дерево из package-lock.json или yarn.lock. Отмечает дубликаты, wildcard/pre-release, неотсортированные ключи, отсутствующие метаданные и неверную классификацию runtime/dev зависимостей.
- [Визуализатор плана выполнения SQL](https://elysiatools.com/ru/tools/sql-explain-plan-visualizer): Вставьте вывод EXPLAIN / EXPLAIN ANALYZE (PostgreSQL/MySQL/SQLite) — строит дерево стоимости, отмечает расхождения оценочных и фактических строк и предлагает индексы
- [Онлайн-утилита Lodash](https://elysiatools.com/ru/tools/lodash-online-utility): Безопасно запускает выбранные методы Lodash для JSON.
- [Удалитель BOM Символов](https://elysiatools.com/ru/tools/data-bom-remover): Удаление BOM (Byte Order Mark) символов из текстового и файлового содержимого. Идеально для очистки текстовых файлов с проблемами кодировки.
- [Ограничитель Диапазона Данных](https://elysiatools.com/ru/tools/data-range-limiter): Ограничение числовых значений указанными диапазонами путем обрезки, фильтрации или маркировки значений вне диапазона. Идеально для контроля качества данных, очистки данных сенсоров, применения бизнес-правил и предварительной обработки данных. Возможности: - Обрезка диапазона (обрезает значения до минимальных/максимальных границ) - Фильтрация диапазона (удаляет строки вне пределов) - Маркировка диапазона (маркирует измененные значения) - Конфигурация диапазона по столбцам - Автоматическое обнаружение числовых столбцов - Множественные стратегии обработки - Подробный отчет об изменениях - Статистический анализ изменений - Применение бизнес-правил Общие случаи использования: - Валидация и очистка данных сенсоров - Подготовка входных данных для машинного обучения - Контроль и валидация качества данных - Применение бизнес-ограничений - Управление и контроль аномальных значений - Конвейеры предварительной обработки данных
- [GraphQL в JSON](https://elysiatools.com/ru/tools/graphql-to-json): Преобразует запросы или ответы GraphQL в формат JSON
- [Конвертер HCL-JSON](https://elysiatools.com/ru/tools/hcl-json-converter): Преобразует между HashiCorp Configuration Language (HCL) и форматами JSON для конфигураций Terraform
- [Извлекатель ключей JSON](https://elysiatools.com/ru/tools/json-key-extractor): Извлекает все ключи из объектов JSON с множественными форматами вывода. Идеально для анализа структуры JSON, генерации документации и понимания сложных вложенных объектов.

## Примеры

- [Postman Collections - API Тестирование](https://elysiatools.com/ru/samples/postman-collections): Всесторонние примеры Postman collections включая API тестирование, скрипты автоматизации, переменные окружения, mock серверы и продвинутые паттерны тестирования для REST API
- [Примеры Apache Arrow](https://elysiatools.com/ru/samples/arrow): Примеры формата в памяти Apache Arrow для высокопроизводительной обработки данных и аналитики
- [Примеры Распределенного Трейсинга](https://elysiatools.com/ru/samples/distributed-tracing-samples): Комплексные примеры распределенного трейсинга с использованием Jaeger, OpenTelemetry и современных инструментов
- [Примеры AWS EventBridge](https://elysiatools.com/ru/samples/eventbridge-samples): Примеры AWS EventBridge включая шины событий, правила, цели, реестр схем, пользовательские события и межаккаунтную маршрутизацию событий для бессерверной событийно-ориентированной архитектуры

## Связанные материалы

- [Инструменты JSON-обмена и перевода форматов](https://elysiatools.com/ru/hubs/json-convert): Сравните инструменты преобразования JSON для CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN и других структурированных форматов в одном хабе.
- [Инструменты для проверки, diff и преобразования JSON](https://elysiatools.com/ru/hubs/json-utility): Соберите в одном хабе инструменты для форматирования JSON, сравнения версий, проверки путей, валидации схем, объединения файлов и преобразования данных для API и data workflows.
- [Генераторы JSON-схем, mock-данных и API-fixture](https://elysiatools.com/ru/hubs/json-generate): Подборка инструментов для генерации JSON-схем, сборки mock-payload и подготовки API-fixture в одном хабе.
- [Инструменты форматирования, diff и нормализации JSON](https://elysiatools.com/ru/hubs/json-format): Сравните инструменты форматирования JSON, diff, анализа логов, сравнения конфигураций и нормализации данных в одном хабе для удобной проверки JSON.