前言
GraphQL 是一种查询语言，用于 API 的设计和数据交互。它提供了更加灵活、高效、精确的数据获取方式，相较于传统的 RESTful API，GraphQL 具有更好的可扩展性和易用性。Fastify 是一个快速、低开销、基于 Node.js 的 Web 框架，它提供了高效的路由、请求处理和插件机制。本文将介绍如何使用 Fastify 和 GraphQL 构建实际的 Web 应用程序，涵盖了相关的技术细节和最佳实践。
准备工作
在开始之前，我们需要安装 Node.js 和 npm，可以使用以下命令进行安装：
$ sudo apt-get update $ sudo apt-get install nodejs npm
然后，我们可以使用 npm 安装 Fastify 和相关插件：
$ npm install fastify fastify-gql
其中，fastify-gql 是 Fastify 的 GraphQL 插件。
编写 GraphQL Schema
GraphQL 的核心是定义数据模型和查询语句，我们需要编写一个 GraphQL Schema 来描述我们的数据模型和查询方法。以下是一个简单的例子：
type Query {
hello: String!
}
schema {
query: Query
}这个 Schema 定义了一个名为 Query 的对象，它有一个名为 hello 的字段，返回类型为 String。我们可以使用以下代码将其保存到文件 schema.graphql 中：
type Query {
hello: String!
}
schema {
query: Query
}创建 Fastify 应用程序
接下来，我们需要创建一个 Fastify 应用程序并将 GraphQL 插件添加到其中。以下是一个简单的例子：
-- -------------------- ---- ------- ----- ------- - -------------------- ---------------------------------------- - ------- ---------------------------- --------- ---- -- -------------------- ----- -------- -- - -- ----- ----- --- ------------------- --------- -- ------------ --
这个应用程序创建了一个 Fastify 实例，并注册了 fastify-gql 插件。我们将之前定义的 GraphQL Schema 文件作为 schema 选项传递给插件，同时启用了 graphiql 选项，这将使我们能够在浏览器中使用 GraphQL Playground 进行交互式查询。最后，我们使用 listen 方法将服务器绑定到端口 3000。
编写 GraphQL Resolver
我们需要编写一个 Resolver 来实现我们定义的查询方法。Resolver 是一个函数，它接收查询参数并返回查询结果。以下是一个简单的例子：
const resolvers = {
Query: {
hello: () => 'Hello World!'
}
}这个 Resolver 定义了一个名为 hello 的查询方法，它返回字符串 "Hello World!"。我们可以使用以下代码将其保存到文件 resolvers.js 中：
const resolvers = {
Query: {
hello: () => 'Hello World!'
}
}
module.exports = resolvers将 Resolver 关联到 Schema
最后，我们需要将 Resolver 关联到我们之前定义的 Schema。以下是一个简单的例子：
-- -------------------- ---- ------- ----- - -------------------- - - ------------------------ ----- -------- - --------------------------- ----- --------- - ---------------------- ----- ------ - ---------------------- --------- --------- -- -------------- - ------
这个代码使用 graphql-tools 模块创建了一个可执行的 GraphQL Schema，将 typeDefs 和 resolvers 作为参数传递给 makeExecutableSchema 函数。最后，我们将其导出为模块。
测试 GraphQL 接口
现在，我们已经完成了 Fastify 应用程序、GraphQL Schema 和 Resolver 的编写，可以使用浏览器或 GraphQL 客户端来测试我们的 GraphQL 接口。以下是一个简单的例子：
query {
hello
}这个查询将返回字符串 "Hello World!"，这是我们在 Resolver 中定义的结果。
结论
本文介绍了如何使用 Fastify 和 GraphQL 构建实际的 Web 应用程序，涵盖了相关的技术细节和最佳实践。我们学习了如何编写 GraphQL Schema、创建 Fastify 应用程序、编写 GraphQL Resolver、将 Resolver 关联到 Schema，以及测试 GraphQL 接口。希望这篇文章对你有所帮助，祝你编写出更加高效、灵活的 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67637fd1856ee0c1d41f2f18