GraphQL是一种在API端实现数据查询的新型方式，它使得客户端能够更加灵活地查询所需的数据。与传统的REST API不同，GraphQL允许客户端精确地指定其查询所需的数据，从而避免了一些客户端可能不需要的数据的传输。 对于前端开发人员而言，GraphQL是一项非常有用的技术，可以提高开发效率和减少沟通成本。
那么如何在Express.js项目中快速集成GraphQL？本文将提供一个详细的指导，通过阅读本文，你将了解如何在你的Express.js项目中集成GraphQL并使用GraphQL API查询数据。
环境准备
在开始之前，确保你的本地机器上安装了以下技术：
- Node.js
- NPM
- Express.js
安装GraphQL以及其他依赖库
在开始之前，你需要确保你的Express.js项目已经建立，并且已经安装了express和其他相关依赖库。你可以使用以下命令来安装GraphQL和其他依赖库：
npm install graphql express-graphql
配置GraphQL API
配置GraphQL API是集成GraphQL的第一步。在你的Express.js项目中，创建一个GraphQL API，使其能够查询客户端请求的数据。使用以下代码示例：
-- -------------------- ---- -------
----- ------- - -------------------
----- - ----------- - - ---------------------------
----- - ----------- - - -------------------
-- --------- ------
----- ------ - -------------
---- ----- -
----- ------
-
---
-- -- -------- --
----- ---- - -
----- -- -- --- ------- ----
--
----- --- - ----------
-- ------------
------------------- -------------
------- -------
---------- -----
--------- ----
----
----- ---- - ---------------- -- -----
---------------- -- -- -
---------------- --------- -- ---- ----------
---在上面的代码中，我们首先定义了GraphQL schema，schema定义了可以查询哪些数据以及如何查询它们。我们为name字段定义了一个Query类型，并且resolver函数返回了“My GraphQL API”。然后，我们定义了一个GraphQL中间件，将其挂载到/ graphql路由上。 该中间件使用buildSchema和root对象作为参数，我们的schema和定义Query类型的功能由buildSchema函数实现，我们的解析功能由root对象实现。 最后，我们的GraphQL API将在端口3000上启动并开始监听客户端请求。
查询GraphQL API
现在，我们已经在我们的Express.js项目中集成了一个GraphQL API，让我们看看如何查询API。首先，我们需要确定我们想要查询哪些数据。 对于上面的示例代码，我们可以查询name字段。
我们可以使用以下命令来查询GraphQL API：
curl -XPOST -H 'Content-Type: application/json' -d '{ "query": "{ name }" }' http://localhost:3000/graphql在上面的命令中，我们向/ graphql路由发送一个POST请求，并且我们在请求正文中提供了我们的查询。该查询是我们要从API中检索的数据字段的列表。在这种情况下，我们只需要指定name字段。请注意，我们使用的是curl命令。你可以使用Postman或其他HTTP客户端。
结论
通过以上步骤，您已经成功地在您的Express.js项目中集成GraphQL API，并了解了如何查询API。在使用GraphQL之前，请确保你对其有足够的了解。同时，如果需要更多的信息，请参阅GraphQL文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674bfeeb14b275ea6fdf4368