GraphQL 是一种用于 API 的查询语言,它是由 Facebook 开发的。它提供了一种更高效、强大和灵活的方式来获取和操作数据。Fastify 是一个快速、低开销、可扩展的 Web 框架,可以用于构建高效的 Web 应用程序。本篇文章将介绍如何使用 Fastify 构建 GraphQL API。
安装 Fastify 和相关插件
首先,我们需要安装 Fastify 和相关插件。我们需要安装以下插件:
- fastify
- fastify-graphql
- graphql
可以使用以下命令来安装:
--- ------- ------- --------------- -------
创建 GraphQL Schema
在实现 GraphQL API 之前,我们需要定义 GraphQL Schema。GraphQL Schema 定义了 API 的类型和字段。以下是一个简单的例子:
---- ----- - ------ ------ - ------ - ------ ----- -
上面的 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,你会看到一个类似于以下截图的界面:
在左侧的编辑器中,输入以下查询:
----- - ----- -
然后单击右侧的“运行查询”按钮。你应该会在右侧的“响应”面板中看到以下结果:
- ------- - -------- ------ ------- - -
这是我们刚刚定义的查询的结果。
结论
本文介绍了如何使用 Fastify 和 fastify-graphql 插件构建 GraphQL API。我们首先定义了 GraphQL Schema,然后创建了 Fastify 应用程序并将 fastify-graphql 插件注册到应用程序中。最后,我们使用 GraphiQL 工具查询了我们的 GraphQL API。希望这篇文章对你有所帮助!
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6725d10b2e7021665e18c882