前言
在前端开发时，我们经常需要从 GitHub API 中获取数据。但是，在进行数据获取时，我们往往会因为请求过于频繁而被封禁，或者将太多请求发送到服务器而导致服务器压力增大。
为了解决这个问题，我们可以使用 GitHub GraphQL API。与 GitHub REST API 不同，GitHub GraphQL API 允许我们一次性获取所需的所有数据，从而减少请求次数和压力。
本文将介绍一个 npm 包——fetch-github-graphql，该包可帮助我们通过 GraphQL API 从 GitHub 获取数据，从而简化我们的代码并提高效率。
安装
要使用 fetch-github-graphql，我们需要先安装该 npm 包。在终端中输入以下命令即可完成安装：
npm install fetch-github-graphql
使用
安装完成后，我们可以在项目中使用 fetch-github-graphql。该包需要我们提供一个查询字符串以获取数据。
以下是一个简单的示例：
-- -------------------- ---- -------
----- - ------------ - - -------------------------------
----- ----- - -
----- -
--------------------------- ------------------- -
--------------- -------------- -
----- -
---- -
-----
---
-
-
-
-
-
-
--------------------------------- -- -
-------------------
---------------- -- -
------------------
--在以上示例中，我们使用 GitHub GraphQL API 获取了名为 "Hello-World" 的存储库的最近 20 个已关闭的问题的标题和 URL。
我们将查询字符串包含在 fetchGraphQL 函数的参数中，并使用 then 和 catch 语句处理成功和失败的情况。
在该示例中，我们只是简单地将结果打印到控制台上。在实际项目中，我们当然可以根据需求进行处理。
查询字符串
要使用 fetch-github-graphql 获取数据，我们需要提供一个查询字符串。该字符串应符合 GraphQL 规范。
以下是一个查询字符串的示例：
-- -------------------- ---- -------
----- -
--------------------------- ------------------- -
--------------- -------------- -
----- -
---- -
-----
---
-
-
-
-
-在上面的示例中，我们请求名为 "Hello-World" 的存储库的最近 20 个已关闭的问题的标题和 URL。
在我们的查询字符串中，我们描述了我们要获取的数据结构。在这种情况下，我们希望获取存储库的名称、拥有者以及最近关闭的问题的标题和 URL。
我们可以使用 GitHub GraphQL API 文档来了解可用的查询字段。
结论
fetch-github-graphql 是一个非常有用的 npm 包，可以帮助我们通过 GitHub GraphQL API 获取数据。在我们的前端开发项目中，获取数据通常是必不可少的，因此使用 fetch-github-graphql 可以让我们的代码更加简洁和高效。
在除了本文中提供的示例之外的其他场景中，fetch-github-graphql 还可以与其他 npm 包和框架一起使用。
值得注意的是，在使用 GitHub API 时，我们应该遵守合适的限制和规定，以避免被封禁或对服务器造成过度压力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668fad9381d61a3540fe7