npm包graphql-cli-binding使用教程

阅读时长 3 分钟读完

GraphQL是现今流行的API格式,它已经被很多公司使用,如GitHub、Facebook、GitLab、Shopify等等,作为前端开发人员,提高GraphQL的使用能力是十分重要的。GraphQL-cli-binding是一个非常有用的npm包,它可以帮助我们更方便地使用GraphQL API。

什么是graphql-cli-binding?

graphql-cli-binding是GraphQL API的客户端代码生成器。该npm包可以读取GraphQL API的schema,并生成包含必要操作和类型的JavaScript客户端。该客户端可以在前端和后端使用,使GraphQL API调用变得更加方便。

如何使用graphql-cli-binding?

步骤1:安装graphql-cli-binding

要安装graphql-cli-binding,可以使用npm package manager运行以下命令:

步骤2:从GraphQL API中提取模式

graphql-cli-binding需要schema来生成客户端代码,因此,在使用它之前,您需要从GraphQL API中提取schema。要提取schema,可以使用graphql-cli命令行实用程序。

您可以将–endpoint参数替换为您要从中提取模式的GraphQL API的端点。

步骤3:使用graphql-cli-binding来生成客户端

提取并保存模式后,您可以使用graphql-cli-binding创建用于GraphQL API的客户端。可以使用以下命令来生成客户端:

在执行此命令后,graphql-cli-binding将读取schema.graphql文件并根据API生成客户端代码。

步骤4:在您的应用程序中使用客户端

要在应用程序中使用生成的客户端,请在项目中安装apollo-boost和graphql-tag库。在安装和导入这些库后,您可以使用以下代码来使用生成的客户端:

-- -------------------- ---- -------
------ - ---------------- - ---- ----------------------

----- --------- - ------------------
  ------- --------------------
  --------- ------------------------------------------
---

----- ------ - --- ------------

-------------- ------ -- -------- -
  --
  ----
--- -------------- -- -
    --------------------
---

请注意,autoGeneratedSchema应替换为您生成的schema对象,并且endpoint应替换为您的GraphQL API端点URL。

结论

graphql-cli-binding是一个非常有用的npm包,它可以帮助我们更方便地使用GraphQL API。本文介绍了使用该包所需的步骤,从获取模式到使用生成的客户端。如果您在使用GraphQL API时遇到困难,请尝试使用graphql-cli-binding,它将使您的生活更加轻松。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056cfc81e8991b448e6c71

纠错
反馈