graphql/graphiql

Что это?

Ключевые возможности

• 01Браузерная IDE GraphiQL с Doc Explorer для изучения схем.
• 02Языковой сервис с проверкой и автодополнением с учётом схемы GraphQL.
• 03LSP-сервер и CLI для интеграции GraphQL в IDE.
• 04Режимы редактора для CodeMirror 5, CodeMirror 6 и Monaco.
• 05Расширения для VS Code: подсветка синтаксиса GraphQL и выполнение запросов прямо в редакторе.

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

• Добавление интерактивного обозревателя GraphQL на сервер или сайт документации.
• Создание интерфейса для редактирования GraphQL в веб-приложении.
• Поддержка автодополнения и линтинга GraphQL в VS Code и других редакторах с поддержкой LSP.
• Создание собственных плагинов для GraphQL IDE на основе общего языкового сервиса.

Быстрый старт

1. 1

   Инструкции по настройке GraphiQL см. в packages/graphiql/README.md

2. 2

   Для локальной разработки этого monorepo следуйте инструкциям в DEVELOPMENT.md

Что важно знать

• !Версии graphiql ниже 1.4.7 уязвимы к XSS, если сервер GraphQL, к которому они подключаются, не является доверенным.
• !Режим Monaco всё ещё находится в разработке.

Темы

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

Что такое graphiql?

GraphiQL — браузерная IDE для GraphQL и монорепозиторий языковых сервисов, режимов редактора и LSP-серверов для GraphQL-инструментов. GraphiQL — графическая интерактивная IDE для GraphQL, которая работает в браузере и реализована на React. Она позволяет разработчикам писать и выполнять запросы к GraphQL-серверу, а Doc Explorer — изучать схему. Проект служит эталонной реализацией официального монорепозитория GraphQL Foundation.

graphiql можно использовать бесплатно? Какая у него лицензия?

graphiql распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

graphiql всё ещё поддерживается?

Активно поддерживается. Последний коммит в graphiql — 21 окт. 2026 г..

Для чего можно использовать graphiql?

Добавление интерактивного обозревателя GraphQL на сервер или сайт документации. Создание интерфейса для редактирования GraphQL в веб-приложении. Поддержка автодополнения и линтинга GraphQL в VS Code и других редакторах с поддержкой LSP. Создание собственных плагинов для GraphQL IDE на основе общего языкового сервиса.

Как установить graphiql?

Инструкции по настройке GraphiQL см. в packages/graphiql/README.md Для локальной разработки этого monorepo следуйте инструкциям в DEVELOPMENT.md

Где скачать graphiql?

Исходный код и инструкции по установке — на GitHub: https://github.com/graphql/graphiql