【注】本文譯自： GraphQL - Quick Guide (tutorialspoint.com)
本章讨論不同的 GraphQL 元件以及它們互相通信的方式。整個應用程式元件可以區分如下：
伺服器端元件
客戶器端元件
GraphQL 伺服器構成了伺服器端的核心元件，并允許解析來自 GraphQL 用戶端應用程式的查詢。Apollo Server 是最常用的 GraphQL 規範實作。其他伺服器程式設計元件包括以下内容：
序号
伺服器要點和描述
1
模式（Schema）
GraphQL 模式是任何 GraphQL 伺服器實作的中心，它描述了連接配接到它的用戶端可用的功能。
2
查詢（Query）
GraphQL 查詢是從資料庫或遺留 API 檢索資料的用戶端應用請求。
3
解析器（Resolver）
解析器提供了将 GraphQL 操作轉換為資料的指令。他們通過定義解析器函數将查詢解析為資料。
下面給出的是用戶端元件：
工具和描述
GraphiQL
基于浏覽器的界面，用于編輯和測試。
ApolloClient
建構 GraphQL 用戶端應用程式的最佳工具。
1GraphiQL基于浏覽器的界面，用于編輯和測試 GraphQL 查詢和變更。2ApolloClient建構 GraphQL 用戶端應用程式的最佳工具。與所有 javascript 前端內建良好。
下圖顯示了用戶端-伺服器架構。Web 伺服器建立在 NodeJs 和 Express 架構之上。ReactJS 應用程式（使用 Apollo 用戶端庫建構）或 GraphiQL 浏覽器應用程式向 Apollo GraphQL 伺服器送出請求。查詢将根據伺服器中定義的模式進行解析和驗證。如果請求模式通過驗證，則将執行關聯的解析器函數。解析器将包含從 API 或資料庫擷取資料的代碼。
