GraphQL 是一种替代 RESTful API 的新型查询语言，它可以帮助前端开发者更好地获取和修改数据。它是一种强类型查询语言，具有灵活的查询能力和自描述性，可以提高开发效率和性能。在本文中，我们将详细介绍如何在 Express 中使用 GraphQL，包括安装、配置、数据查询和修改等方面的内容。
安装
在开始之前，需要先安装 Node.js 和 npm。然后，在项目根目录下通过 npm 安装以下依赖库：
npm install express express-graphql graphql
其中，express 是一个基于 Node.js 的 web 框架，express-graphql 是一个为 Express 提供 GraphQL 中间件的库，graphql 是一个核心的 GraphQL 库，提供了 GraphQL 查询语言的解析和执行。
配置
创建一个 app.js 文件，并在其中导入依赖库和 GraphQL 相关配置：
-- -------------------- ---- -------
----- ------- - -------------------
----- ----------- - ---------------------------
----- - ----------- - - -------------------
----- --- - ----------
-- -- ------- ------
----- ------ - -------------
---- ----- -
------ ------
-
---
-- -- ------- --------
----- ---- - -
------ -- -- ------ -------
--
-- - ------- ------ --------
------------------- -------------
------- -------
---------- -----
--------- ----
----
-- -----
---------------- -- -- ---------------- ------ -- --------------------------在上述代码中，我们定义了一个 Query 类型的 Schema，包含一个名为 hello 的查询字段。同时，我们还定义了一个名为 root 的 Resolver，该 Resolver 实现了 hello 查询字段的返回逻辑，即返回字符串 'Hello World!'。在最后面，我们将 GraphQL 中间件绑定到 /graphql，启动服务器，并在控制台输出连接信息。
数据查询
通过浏览器访问 http://localhost:4000/graphql，可以进入 GraphQL 的交互式查询界面。在左侧文本框中输入以下查询语句：
{
hello
}点击运行按钮，即可在右侧得到如下响应：
{
"data": {
"hello": "Hello World!"
}
}这表明查询字段 hello 成功返回了字符串 'Hello World!'。在 GraphQL 中，查询是通过字段来组成的，一个字段可能返回一个标量值或一个对象，也可以包含参数，具有很强的灵活性和可定制性。
数据修改
除了查询外，GraphQL 还支持数据修改和删除等操作，可以通过 Mutation 类型来定义。我们可以在上述代码中添加一个 Mutation 类型，定义一个名为 setUser 的修改操作：
-- -------------------- ---- -------
-- -- ------- ------
----- ------ - -------------
---- ----- -
------ ------
-
---- -------- -
------------- -------- ---- ------ ------
-
---
-- -- ------- --------
----- ---- - -
------ -- -- ------ --------
-------- ------ -- -
----- - ----- --- - - -----
-- ----- ---------
------ ---- ---- ------- -------- ---------------
-
--在上述代码中，我们添加了一个 Mutation 类型，包含一个名为 setUser 的修改字段，通过参数来传入用户的信息。在 Resolver 中实现 setUser 修改的具体逻辑，这里只是简单地返回一个字符串来表示修改成功。在图形界面中，可以通过如下的语句来调用 setUser 修改：
mutation {
setUser(name: "Tom", age: 18)
}点击运行按钮，右侧显示以下响应：
{
"data": {
"setUser": "Set user Tom (18) successfully!"
}
}这表明修改操作成功执行，并返回正确的响应字符串。在实际应用中，我们可以使用 GraphQL 对数据进行修改和更新，也可以通过 GraphQL 的 Subscription 类型来实现实时数据推送和更新，具有较强的实现力和可扩展性。
总结
本文详细介绍了在 Express 中使用 GraphQL 的方法，包括安装、配置、数据查询和修改等方面的内容，并提供了示例代码和交互式操作。GraphQL 是一种灵活和高效的数据查询语言，逐渐被应用于前端和后端开发中，具有广泛的应用前景和学习意义。我们可以通过学习和掌握 GraphQL 的相关知识，提高自己的开发能力和竞争力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c897f85ad90b6d041420cc