GraphQL 是一种用于 API 的查询语言，它使得客户端能够精确获得其需要的数据。Mock 数据是开发人员在构建 API 时使用的虚假数据，用于模拟实际数据并在没有真实数据的情况下进行开发。在本文中，我们将讨论如何使用 GraphQL API 的 Mock 数据快速上手。
第一步：安装 GraphQL
首先，我们需要为我们的项目安装 GraphQL。我们可以使用以下命令来安装 GraphQL：
npm install graphql --save
第二步：编写命令
我们可以使用以下命令在 GraphQL 中编写 Mock 数据：
-- -------------------- ---- -------
----- - -------- ----------- - - -------------------
----- ------ - -------------
---- ----- -
------ ------
-
---
----- ---- - -
------ -- -- ------ --------
--
--------------- -- ----- --- --------------------- -- -
----------------------
---在这里，我们创建了一个 Hello World Query，并将其在根中实现。我们可以看到，我们使用 graphql 函数来执行查询并返回结果。在这种情况下，我们在控制台上会看到输出：
{ data: { hello: 'Hello world!' } }我们还可以创建更复杂的 Mock 数据，例如列表查询和嵌套查询。下面是一个示例：
-- -------------------- ---- -------
----- - -------- ----------- - - -------------------
----- ------ - -------------
---- ---- -
------ ------
-------- ------
-
---- ----- -
------ ------
-
---
----- ---- - -
------ -- -- -
------ -
-
------ ----- ---
-------- -------- --- ---- ---
--
-
------ ----- ---
-------- -------- --- ---- ---
--
--
--
--
--------------- -- ----- - ----- ------- - --- --------------------- -- -
----------------------
---在这个示例中，我们创建了一个 Post 类型和一个查询，返回一个包含两个 Post 对象的数组。
第三步：使用 Mock
现在我们已经编写了我们的 Mock 数据，我们需要在应用程序中使用它。我们可以使用任何 GraphQL 客户端来执行我们的查询。在下面的示例中，我们将使用 fetch 函数来进行查询：
fetch('/graphql', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ query: '{ posts { title content } }' }),
})
.then((response) => response.json())
.then((data) => console.log(data));在这里，我们将查询作为一个字符串发送到服务器，并在控制台中打印响应。
结论
使用 GraphQL API 的 Mock 数据可以帮助快速开发和测试应用程序。本文介绍了如何编写 GraphQL Mock 数据和如何在应用程序中使用它。这些技巧可以帮助您在没有实际数据的情况下进行开发，从而加快开发速度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6750216cfbd23cf89073a129