前言
GraphQL 是一种由 Facebook 开发的查询语言，它可以让前端开发人员更加灵活地获取和操作数据。Express.js 是一种流行的 Node.js Web 应用程序框架，它可以让开发人员更加容易地构建 Web 应用程序。本文将介绍如何使用 Express.js 进行 GraphQL 开发。
准备工作
在开始使用 Express.js 进行 GraphQL 开发之前，需要确保已经安装了以下软件：
- Node.js
- npm
可以使用以下命令来检查是否已经安装：
node -v npm -v
如果没有安装，可以从官网下载安装。
创建 Express.js 应用
首先，需要创建一个新的 Express.js 应用程序。可以使用以下命令来创建一个新的应用程序：
npm init -y npm install express --save
这将创建一个新的 package.json 文件，并安装 Express.js 库。
然后，可以创建一个新的 Express.js 应用程序。可以使用以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ---------------- --------- -- ---- -------- ---
这将创建一个简单的 Express.js 应用程序，它将在浏览器中输出“Hello World!”。
添加 GraphQL 支持
接下来，需要添加 GraphQL 支持。可以使用以下命令来安装所需的软件包：
npm install graphql express-graphql --save
这将安装 GraphQL 和 Express.js GraphQL 库。
然后，可以添加 GraphQL 支持。可以使用以下代码：
-- -------------------- ---- -------
----- - ----------- - - ---------------------------
----- - ----------- - - -------------------
----- ------ - -------------
---- ----- -
------ ------
-
---
----- ---- - -
------ -- -- ------ --------
--
------------------- -------------
------- -------
---------- -----
--------- -----
----
---------------- -- -- -
---------------- --------- -- ---- --------
---这将创建一个包含一个“hello”查询的 GraphQL API，并使用 GraphiQL 在浏览器中进行测试。
查询数据
现在已经创建了一个 GraphQL API，可以使用它来查询数据。可以使用以下代码来添加一个新的查询：
-- -------------------- ---- -------
----- ------ - -------------
---- ----- -
------ ------
----- ------
-
---
----- ---- - -
------ -- -- ------ --------
----- -- -- ----- -----
--这将创建一个包含一个“name”查询的 GraphQL API。可以使用以下代码来测试查询：
{
name
}这将返回“John Doe”。
修改数据
除了查询数据之外，GraphQL 还可以用于修改数据。可以使用以下代码来添加一个新的修改：
-- -------------------- ---- -------
----- ------ - -------------
---- ----- -
------ ------
----- ------
-
---- -------- -
------------- --------- ------
-
---
----- ---- - -
------ -- -- ------ --------
----- -- -- ----- -----
-------- -- ---- -- -- -
--------- - -----
------ -----
--
--这将创建一个包含一个“setName”修改的 GraphQL API。可以使用以下代码来测试修改：
mutation {
setName(name: "Jane Doe")
}这将返回“Jane Doe”，并将“name”值设置为“Jane Doe”。
结论
在本文中，我们介绍了如何使用 Express.js 进行 GraphQL 开发。我们创建了一个包含查询和修改的 GraphQL API，并使用 Express.js 进行了测试。希望这篇文章能够帮助你更好地理解 GraphQL 和 Express.js，并帮助你构建更好的 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675986085dff5c9760c9e423