Учебники

GraphQL — Компоненты приложения

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

  • Серверные компоненты
  • Клиентские компоненты

Серверные компоненты

Сервер GraphQL формирует основной компонент на стороне сервера и позволяет анализировать запросы, поступающие от клиентских приложений GraphQL. Apollo Server — наиболее часто используемая реализация спецификации GraphQL. Другие компоненты программирования сервера включают следующее:

Sr.No. Основы и описание сервера
1

схема

Схема GraphQL находится в центре любой реализации сервера GraphQL и описывает функциональные возможности, доступные для клиентов, которые к ней подключаются.

2

запрос

Запрос GraphQL — это запрос клиентского приложения на получение данных из базы данных или устаревших API.

3

Резольвер

Резолверы предоставляют инструкции по превращению операции GraphQL в данные. Они разрешают запрос к данным, определяя функции распознавателя.

схема

Схема GraphQL находится в центре любой реализации сервера GraphQL и описывает функциональные возможности, доступные для клиентов, которые к ней подключаются.

запрос

Запрос GraphQL — это запрос клиентского приложения на получение данных из базы данных или устаревших API.

Резольвер

Резолверы предоставляют инструкции по превращению операции GraphQL в данные. Они разрешают запрос к данным, определяя функции распознавателя.

Клиентские компоненты

Ниже приведены клиентские компоненты —

Sr.No. Инструмент и описание
1

GraphiQL

Браузерный интерфейс для редактирования и тестирования запросов и мутаций GraphQL.

2

ApolloClient

Лучший инструмент для создания клиентских приложений GraphQL. Хорошо интегрируется со всем интерфейсом JavaScript.

GraphiQL

Браузерный интерфейс для редактирования и тестирования запросов и мутаций GraphQL.

ApolloClient

Лучший инструмент для создания клиентских приложений GraphQL. Хорошо интегрируется со всем интерфейсом JavaScript.

На приведенной ниже схеме показана архитектура клиент-сервер . Веб-сервер построен на NodeJs и Express Framework. Запрос на сервер Apollo GraphQL выполняется приложением ReactJS (созданным с использованием клиентской библиотеки Apollo) или браузерным приложением GraphiQL. Запрос будет проанализирован и проверен по схеме, определенной на сервере. Если схема запроса проходит валидацию, то соответствующие функции распознавателя будут выполнены. Средство распознавания будет содержать код для извлечения данных из API или базы данных.