GraphQL - 應用元件

本章討論不同的 GraphQL 元件以及它們之間如何通訊。整個應用程式元件可以區分如下：

伺服器端元件
客戶端元件

伺服器端元件

GraphQL 伺服器構成伺服器端核心元件，允許解析來自 GraphQL 客戶端應用程式的查詢。Apollo Server 是 GraphQL 規範最常用的實現。其他伺服器端程式設計元件包括以下內容：

序號	伺服器要素及描述
1	模式 GraphQL 模式是任何 GraphQL 伺服器實現的核心，它描述了連線到它的客戶端可用的功能。
2	查詢 GraphQL 查詢是客戶端應用程式從資料庫或遺留 API 中檢索資料的請求。
3	解析器解析器提供將 GraphQL 操作轉換為資料的指令。它們透過定義解析器函式將查詢解析為資料。

序號

伺服器要素及描述

模式

GraphQL 模式是任何 GraphQL 伺服器實現的核心，它描述了連線到它的客戶端可用的功能。

查詢

GraphQL 查詢是客戶端應用程式從資料庫或遺留 API 中檢索資料的請求。

解析器

解析器提供將 GraphQL 操作轉換為資料的指令。它們透過定義解析器函式將查詢解析為資料。

客戶端元件

以下是客戶端元件：

序號	工具及描述
1	GraphiQL 基於瀏覽器的介面，用於編輯和測試 GraphQL 查詢和變異。
2	ApolloClient 構建 GraphQL 客戶端應用程式的最佳工具。與所有 JavaScript 前端很好地整合。

序號

工具及描述

GraphiQL

基於瀏覽器的介面，用於編輯和測試 GraphQL 查詢和變異。

ApolloClient

構建 GraphQL 客戶端應用程式的最佳工具。與所有 JavaScript 前端很好地整合。

下圖顯示了客戶端-伺服器架構。Web 伺服器構建在 NodeJs 和 Express 框架之上。ReactJS 應用程式（使用 Apollo Client 庫構建）或 GraphiQL 瀏覽器應用程式向 Apollo GraphQL 伺服器發出請求。查詢將被解析並根據伺服器中定義的模式進行驗證。如果請求模式透過驗證，則將執行關聯的解析器函式。解析器將包含從 API 或資料庫獲取資料的程式碼。

列印頁面