前言
GraphQL 是一种用于 API 的查询语言，它是由 Facebook 在 2012 年开发的。GraphQL 允许客户端指定需要的数据，而不是像 RESTful API 那样需要多次请求获取数据。 Fastify 是一个高度优化的 Web 框架，它具有快速、低开销和低内存占用的特点。在本文中，我们将介绍如何在 Fastify 中使用 GraphQL 进行数据交互。
安装依赖
在使用 GraphQL 之前，需要安装相关依赖。在 Fastify 中，我们可以使用 fastify-gql 插件来实现 GraphQL 的功能。首先需要安装 fastify-gql：
npm i fastify-gql
创建 GraphQL Schema
在使用 GraphQL 之前，我们需要定义一个 GraphQL Schema。GraphQL Schema 描述了 API 的类型和结构。我们可以使用 GraphQL 的语言来定义 Schema，例如：
-- -------------------- ---- ------- ---- ---- - --- --- ----- ------- ------ ------- - ---- ----- - ------ -------- -------- ----- ---- - ---- -------- - ---------------- -------- ------ --------- ----- -------------- ---- ----- -------- ------ --------- ----- -------------- ----- ----- -
上面的 Schema 定义了一个 User 类型，包含 id、name 和 email 三个字段。Query 类型定义了查询操作，包括获取所有用户、获取单个用户等。Mutation 类型定义了修改操作，包括创建用户、更新用户和删除用户。我们需要将这个 Schema 转换成一个 JavaScript 对象，然后将其传递给 Fastify 的插件。
注册插件
在 Fastify 中使用 fastify-gql 插件非常简单，只需要调用 fastify.register() 方法即可：
-- -------------------- ---- -------
----- ------- - --------------------
---------------------------------------- -
------- -
---- ---- -
--- ---
----- -------
------ -------
-
---- ----- -
------ --------
-------- ----- ----
-
---- -------- -
---------------- -------- ------ --------- -----
-------------- ---- ----- -------- ------ --------- -----
-------------- ----- -----
-
-
--
-------------------- ----- -------- -- -
-- ----- ----- ---
------------------- --------- -- ------------
--在上面的代码中，我们将 GraphQL Schema 作为字符串传递给 fastify-gql 插件。现在我们可以访问 http://localhost:3000/graphql 来测试 GraphQL API 了。
查询数据
在 GraphQL 中，我们可以使用 Query 类型来定义查询操作。在 Fastify 中，我们可以使用 fastify-gql 插件提供的 query() 方法来执行查询操作。例如，我们可以使用下面的代码来获取所有用户：
-- -------------------- ---- -------
---------------
------- -------
---- -----------
-------- ----- --------- ------ -- -
----- - ----- ------ - - ----- ----------------
-- ----- - -- ---- ----- - --
-
-- -------- -
------------------
- ---- -
----------------
-
-
--在上面的代码中，我们使用 fastify.route() 方法来定义一个路由，然后在 handler 中执行查询操作。我们可以使用 GraphQL 的语言来编写查询语句，例如获取所有用户的语句为 { users { id name email } }。在执行查询操作后，我们可以将结果返回给客户端。
修改数据
在 GraphQL 中，我们可以使用 Mutation 类型来定义修改操作。在 Fastify 中，我们可以使用 fastify-gql 插件提供的 mutate() 方法来执行修改操作。例如，我们可以使用下面的代码来创建一个新用户：
-- -------------------- ---- -------
---------------
------- -------
---- -----------
-------- ----- --------- ------ -- -
----- - ----- ------ - - ----- -----------------
-------- -
---------------- -------- ------ -------------------- -
--
----
-----
-
-
--
-- -------- -
------------------
- ---- -
----------------
-
-
--在上面的代码中，我们使用 fastify.route() 方法来定义一个路由，然后在 handler 中执行创建用户操作。我们可以使用 GraphQL 的语言来编写修改语句，例如创建用户的语句为 mutation { createUser(name: "Alice", email: "alice@example.com") { id name email } }。在执行修改操作后，我们可以将结果返回给客户端。
总结
在本文中，我们介绍了如何在 Fastify 中使用 GraphQL 进行数据交互。首先我们需要安装 fastify-gql 插件，并定义 GraphQL Schema。然后我们可以使用 fastify-gql 插件提供的方法来执行查询和修改操作。GraphQL 的优点是可以减少网络请求次数，提高数据交互效率。Fastify 的优点是快速、低开销和低内存占用。它们的结合可以帮助我们构建高效的 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663ad078d3423812e48de2e1