Форматтер GraphQL онлайн

Форматтер GraphQL для красивого оформления, минификации и проверки запросов, мутаций и SDL-схем.

Ваши запросы, схемы и переменные GraphQL обрабатываются локально в браузере, и ничего не загружается на сервер.

Создаёт и поддерживает Udit Agarwal

Нужно привести в порядок тело запроса? Попробуйте JSON Formatter.

Об инструменте Форматировщик GraphQL

Этот форматтер GraphQL красиво оформляет и минифицирует запросы, мутации и SDL-схемы GraphQL, проверяя при этом, что каждый документ разбирается без ошибок. Вставьте сырой запрос, и инструмент красивого оформления GraphQL согласованно делает отступы для полей, аргументов и наборов выборки; переключитесь на минификацию, чтобы убрать пробелы, запятые и комментарии до наименьшего эквивалентного документа. Он также извлекает именованные операции и красиво оформляет прикреплённый JSON-объект переменных, поэтому вы можете привести в порядок весь запрос в одном месте и использовать его как быстрый валидатор GraphQL. Создан для фронтенд- и бэкенд-разработчиков, QA-инженеров и всех, кто отлаживает вызовы API и кому нужно отформатировать запрос graphql или оформить схему graphql перед отправкой. Всё работает локально в вашем браузере, поэтому ваши данные не покидают устройство и ничего не загружается на сервер.

Возможности

  • Форматирование запросов, мутаций и SDL-схем с чистым, согласованным отступом
  • Минификация документов путём удаления пробелов, запятых и комментариев
  • Проверка синтаксиса, чтобы некорректные запросы выдавали понятную ошибку разбора
  • Извлечение и перечисление именованных операций из вставленного документа
  • Красивое оформление прикреплённого JSON-объекта переменных рядом с запросом
  • Переключение между режимами Формат и Минификация одним кликом
  • Мгновенное копирование отформатированного или минифицированного вывода

Как использовать Форматировщик GraphQL

  1. Вставьте свой запрос, мутацию или схему GraphQL в поле ввода.
  2. Выберите «Формат» для красивого оформления или «Минифицировать» для сжатия документа.
  3. При желании вставьте JSON-объект переменных, чтобы красиво оформить его.
  4. Просмотрите извлечённые имена операций и любую синтаксическую ошибку.
  5. Скопируйте отформатированный или минифицированный результат из панели вывода.

Пример

Ввод

query Hero($ep:Episode){hero(episode:$ep){name friends{name}}}

Результат

query Hero($ep: Episode) {
  hero(episode: $ep) {
    name
    friends {
      name
    }
  }
}

Режим Формат красиво оформляет компактный запрос в GraphQL с отступами.

Частые ошибки и устранение неполадок

  • Вывод показывает синтаксическую ошибку после вставки. — Документ должен быть валидным GraphQL. Проверьте на несбалансированные фигурные скобки, отсутствующие выборки полей или лишнюю запятую, затем переформатируйте.
  • Панель имён операций сообщает об отсутствии именованных операций. — У анонимных запросов и SDL-схем нет имён операций. Добавьте имя вроде query GetUser { ... }, если оно вам нужно в списке.
  • Поле переменных сообщает о недопустимом JSON. — Поле переменных ожидает JSON-объект, например { "id": "1000" }, а не синтаксис GraphQL. Используйте ключи в двойных кавычках и валидный JSON.
  • Ожидаете проверку схемы относительно вашего API. — Этот инструмент проверяет только синтаксис. Он подтверждает, что документ разбирается, но не проверяет поля относительно конкретной схемы.

Часто задаваемые вопросы

Что такое форматтер GraphQL?
Форматтер GraphQL красиво оформляет, минифицирует и проверяет синтаксис запросов, мутаций и SDL-схем GraphQL и извлекает именованные операции — всё в вашем браузере.
Как отформатировать запрос GraphQL с помощью этого инструмента?
Вставьте свой запрос, мутацию или схему в поле ввода и выберите «Формат». Форматтер GraphQL заново делает отступы для полей, аргументов и наборов выборки, чтобы вы могли скопировать чистый результат.
Проверяет ли форматтер GraphQL относительно моей схемы?
Он проверяет синтаксис, подтверждая, что запрос или схема разбираются. Он не проверяет операции относительно конкретного определения схемы.
Что делает опция минификации?
Минификация удаляет игнорируемые символы, такие как пробелы, запятые и комментарии, чтобы получить наименьший эквивалентный документ GraphQL.
Может ли форматтер GraphQL красиво оформить и мои переменные?
Да. Вставьте JSON-объект переменных в выделенное поле, и он будет отформатирован рядом с вашим запросом.
Загружается ли мой запрос GraphQL куда-либо?
Нет. Форматтер GraphQL обрабатывает всё локально в вашем браузере, поэтому ваши запросы, схемы и переменные не покидают устройство.

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

  • Форматировщик JSON — Форматируйте, минимизируйте и проверяйте JSON с указанием места ошибок.
  • Форматировщик SQL — Форматируйте SQL для MySQL, PostgreSQL, SQL Server, SQLite, BigQuery и Oracle.
  • Форматировщик XML — Форматируйте, минифицируйте и проверяйте XML, преобразуйте XML ↔ JSON.
  • Форматировщик JS / TS — Форматирует JavaScript, TypeScript и JSX/TSX с опциями Prettier или минифицирует обычный JavaScript.
  • Форматирование запросов MongoDB — Форматируйте запросы оболочки MongoDB и конвейеры агрегации.
  • YAML ↔ JSON — Преобразуйте YAML в JSON и обратно.
  • cURL в Fetch — Преобразуйте команду curl в вызов fetch() на JavaScript.
  • Разбор URL — Разбейте URL на части и просмотрите список параметров запроса.

Другие инструменты: Форматировщики кода

Все инструменты: Форматировщики кода (32) · Все инструменты