GraphQL 是一种用于 API 的查询语言，旨在提高 API 的效率、灵活性和可伸缩性。在前端开发中，GraphQL 已成为越来越受欢迎的工具。在本文中，我们将介绍如何使用 npm 包 graphql-call，它可以使我们在前端轻松使用 GraphQL。
安装
为了使用 graphql-call，我们需要使用 npm 来安装它，打开终端并输入如下命令：
$ npm install graphql-call --save
使用
安装完 graphql-call 后，我们就可以使用它了。首先，我们需要在我们的项目中引入它。
import { gqlCall } from 'graphql-call';接下来，我们需要定义 GraphQL 查询。在定义查询前需要了解如下两个概念：
查询语法：GraphQL 查询的语法很简单，由字段和参数组成。例如，以下查询语法将从 "books" 中选择 "title" 字段：
query { books { title } }更详细的查询语法可以参考 GraphQL 官方文档。
GraphQL Schema：GraphQL Doc Site 上有对应的详细建议，请参考 GraphQL Schema。
编写定义好查询后，就可以调用 graphql-call 来获取响应。以下是使用 graphql-call 的示例代码：
-- -------------------- ---- -------
----- -------- ------------ -
----- ----- - -
----- -
----- -
-----
-
-
--
----- -------- - ----- ---------------
----- - ----- - - --------------
------ ------
-在这个示例中，我们首先编写了查询，然后使用 gqlCall 函数来获取响应。最后，我们从响应中提取了所需的数据。
参数
graphql-call 中的 gqlCall 函数接收三个参数：
query: GraphQL 查询字符串
variables: 可选的 GraphQL 查询变量。可以使用这个变量设置查询的参数，比如：
-- -------------------- ---- ------- ----- ----- - - ----- ---------- ---- - -------- ---- - ----- - - -- ----- --------- - - --- -- -- ----- -------- - ----- -------------- -----------options: 可选的参数，可以用来设置请求头等。
结论
graphql-call 是一个简单易用的 npm 包，可以帮助前端开发者们更好地使用 GraphQL 查询，提高效率和灵活性。学习并掌握 graphql-call 的使用方法可以使我们在前端工作中更加游刃有余。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005552e81e8991b448d261b