Skip to content

GraphQL - 前言

GraphQL 是一种开源的 API 查询语言和服务器端运行时,由 Facebook 开发,旨在优化数据获取,相较于传统的 REST API 更加高效。它允许客户端精确请求所需的数据,从而使应用更快、更高效。

本教程将向你介绍 GraphQL 的基本概念和现代实践,包括:

  • 核心 GraphQL 原理 (Schema、Queries、Mutations、Types)。
  • 使用 Node.js 和 Apollo Server 4 构建 GraphQL API 服务器。
  • 使用 Apollo Sandbox (或其他 GraphQL 客户端) 测试 GraphQL API。
  • 使用 React 和 Apollo Client 3 (包括 Hook) 将 GraphQL 集成到前端应用中。
  • 使用标准 Fetch API 进行基本的客户端集成。
  • 处理认证 (JWT 示例)。
  • 理解使用 Apollo Client 进行客户端缓存。

本教程面向熟悉 JavaScript 和基本客户端-服务器架构的开发者。拥有 Node.js 和 React(尤其是函数组件和 Hook)的经验将非常有益。完成本教程后,你将能够为现代 Web 应用构建和使用中等复杂度的 GraphQL API。

在开始之前,请确保你对以下内容有扎实的理解:

  • **JavaScript 基础:**包括 ES6+ 特性,如 async/await、模块 (import/export)、解构 (destructuring)。
  • **Node.js 基础:**理解 npm/yarn、基本服务器概念。
  • **React 基础 (针对相关章节):**函数组件 (functional components)、状态管理 (useState)、副作用 (useEffect)、JSX。
  • **基本 HTTP 概念:**请求方法 (POST)、头部 (headers)、请求体 (request body)。
  • 熟悉 REST API 有助于理解 GraphQL 解决的问题。

你还需要安装 Node.js(推荐 LTS 版本)和代码编辑器(如 VS Code)。