GraphQL 是一种用于 API 的查询语言，它是由 Facebook 开发的。它提供了一种更高效、强大和灵活的方式来获取和操作数据。Fastify 是一个快速、低开销、可扩展的 Web 框架，可以用于构建高效的 Web 应用程序。本篇文章将介绍如何使用 Fastify 构建 GraphQL API。
安装 Fastify 和相关插件
首先，我们需要安装 Fastify 和相关插件。我们需要安装以下插件：
- fastify
- fastify-graphql
- graphql
可以使用以下命令来安装：
npm install fastify fastify-graphql graphql
创建 GraphQL Schema
在实现 GraphQL API 之前，我们需要定义 GraphQL Schema。GraphQL Schema 定义了 API 的类型和字段。以下是一个简单的例子：
type Query {
hello: String
}
schema {
query: Query
}上面的 Schema 定义了一个名为 hello 的查询，返回一个字符串。
创建 Fastify 应用
接下来，我们需要创建 Fastify 应用程序并将 fastify-graphql 插件注册到应用程序中。以下是一个简单的例子：
-- -------------------- ---- -------
----- ------- - ---------------------
----- - --------------- --------------- - - ---------------------------
----- - -------------------- - - -------------------
----- -------- - -
---- ----- -
------ ------
-
------ -
------ -----
-
--
----- --------- - -
------ -
------ -- -- ------ -------
-
--
----- ------ - ---------------------- --------- --------- ---
-------------------------------- - ------ ---
--------------------------------- - ------------ ---------- ---
-------------------- ----- -- -
-- ----- -
-------------------
- ---- -
------------------- ------- -- ------------------------
-
---上面的代码创建了一个 Fastify 应用程序，定义了一个 GraphQL Schema，然后将 fastify-graphql 和 fastify-graphiql 插件注册到应用程序中。最后，应用程序在本地端口 3000 上监听。
查询 GraphQL API
现在我们已经创建了 GraphQL API，我们可以使用 GraphiQL 工具来查询 API。GraphiQL 是一个交互式的 GraphQL IDE，它可以帮助我们构建和测试 GraphQL 查询。
打开浏览器并访问 http://localhost:3000/graphql，你会看到一个类似于以下截图的界面：
在左侧的编辑器中，输入以下查询：
query {
hello
}然后单击右侧的“运行查询”按钮。你应该会在右侧的“响应”面板中看到以下结果：
{
"data": {
"hello": "Hello world!"
}
}这是我们刚刚定义的查询的结果。
结论
本文介绍了如何使用 Fastify 和 fastify-graphql 插件构建 GraphQL API。我们首先定义了 GraphQL Schema，然后创建了 Fastify 应用程序并将 fastify-graphql 插件注册到应用程序中。最后，我们使用 GraphiQL 工具查询了我们的 GraphQL API。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6725d10b2e7021665e18c882