GraphQL 是一种用于 API 的查询语言，它提供了强大的查询能力和灵活性，可以帮助我们更高效地开发应用程序。GraphiQL 是一个流行的 GraphQL 开发工具，它提供了一个交互式的控制台，可以帮助我们轻松地测试和调试 GraphQL API。在本文中，我们将介绍如何从 GraphiQL 导出 GraphQL 查询，以便我们可以将其用作应用程序中的查询。
GraphiQL 简介
GraphiQL 是一个用于测试和调试 GraphQL API 的交互式控制台。它提供了一个可视化的查询编辑器，可以帮助我们轻松地构建和执行 GraphQL 查询。GraphiQL 还提供了一个自动完成功能，可以帮助我们更快地编写查询。此外，GraphiQL 还提供了一个查询历史记录，可以帮助我们跟踪我们之前编写的查询。
导出 GraphQL 查询
GraphiQL 提供了一个导出功能，可以将我们编写的查询导出为一个可重用的查询字符串。要导出查询，请按照以下步骤操作：
- 打开 GraphiQL 控制台，并编写我们要导出的查询。
- 单击右上角的“操作”按钮，并选择“导出”选项。
- 在弹出窗口中，将查询字符串复制到剪贴板中，或将其保存到本地文件中。
现在，我们已经成功地将查询导出为一个字符串，我们可以将其用作应用程序中的查询。在下面的示例中，我们将演示如何使用导出的查询字符串来查询 GitHub GraphQL API。
-- -------------------- ---- -------
------ - ------- - ---- -----------------
----- ----- - --
------ -
----
------------------- -- -
----- -
----
-----------
-
-
-
--
----- -------- - --------------------------------
----- ----- - -------------------
----- ------- - -
-------------- ------- ----------
-
----------------- ------ ----- --------
------------ -- ------------------
-------------- -- ---------------------在上面的示例中，我们使用了 graphql-request 库来执行 GraphQL 查询。我们将导出的查询字符串传递给 request 函数，并将 GitHub API 的访问令牌作为授权标头传递。一旦查询执行成功，我们将在控制台中看到查询结果。
结论
在本文中，我们介绍了如何从 GraphiQL 导出 GraphQL 查询，并演示了如何将导出的查询字符串用作应用程序中的查询。通过使用导出功能，我们可以轻松地重用我们编写的查询，并在应用程序中更高效地使用 GraphQL API。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6740473e5ade33eb7232dfb1