使用graphql-needle包的详细教程

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

什么是graphql-needle

GraphQL-Needle 是一个轻便、易用的 GraphQL HTTP 客户端库,适用于浏览器和 Node.js。它支持全部 GraphQL 的特性,并为你提供了一个提供简单的 API 供你使用。使用这个包可以让你很方便的发出 GraphQL 请求和拦截响应信息。

如何安装

使用npm安装:

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

如何使用

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

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

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

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

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

请求配置

GraphQL-Needle 的请求 API 包括 .query(), .mutation(), 和 .subscription()。其中,.query().mutation() 返回 Promise;.subscription() 返回一个 Subscription 对象。

发送查询(query)

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

发送操作(mutation)

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

发送订阅(subscription)

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

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

配置项

配置项 说明
query GraphQL 查询语法
vars 变量参数
headers 请求头参数
timeout 超时时间,单位ms
retries 最多失败次数,超出此数值,将抛出一个错误
delay 重试延迟时间, 单位为ms,可以为数字或者一个函数
timeoutErrorMessage 如果所有尝试都失败,则使用此消息的作为错误信息
signal 取消信号量,用于取消请求

总结

使用graphql-needle包,可以方便地发送graphQL请求,支持 querymutationsubscription 三种类型的请求,具有完善的api和类型检查支持,对前端开发人员的学习和使用都具有很高的指导意义。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005630081e8991b448e0d9d


猜你喜欢

  • npm 包 my-pinch-zoom-canvas 使用教程

    在前端开发中,实现图片的缩放、拖拽、绘画等功能是比较常见的需求。而现在有一个 npm 包 my-pinch-zoom-canvas 可以帮助我们快速实现这些功能,同时也支持截图导出等功能。

    3 年前
  • npm 包 generator-nodejs-boilerplate 使用教程

    在前端开发中,我们经常需要创建一些新的 Node.js 项目,这些项目需要一些基础配置和结构,如文件夹结构、依赖项、测试、文档等等。这个时候一个好用的 Node.js 项目生成器就很有必要了,npm ...

    3 年前
  • npm 包 req-check 使用教程

    简介 前端开发中,我们经常需要向后端接口发送请求,这时候就需要对请求参数进行校验。在 Node.js 中,有一个非常实用的 npm 包叫做 req-check,它可以轻松地对 HTTP 请求参数进行校...

    3 年前
  • npm 包 file-encryptor-cli 使用教程

    简介 file-encryptor-cli 是一个基于 Node.js 的命令行工具,可以简单、快速地加密和解密文件。使用该工具,可以保护文件的隐私,限制文件的访问权限,确保文件的安全性。

    3 年前
  • npm包 elm-i18n 使用教程

    在前端开发中,国际化是一个非常重要的内容。我们需要将用户界面和文本内容转化为多种语言,以便于适应不同的用户。npm包elm-i18n是一个常用的开源工具,可以帮助我们实现国际化。

    3 年前
  • npm 包 essence-ng2-table 使用教程

    前言 随着前端技术的不断发展,越来越多的数据需要在前端进行处理和展示。由于前端的特殊性,为了提高开发效率和可维护性,我们经常需要依赖各种第三方库和工具。而 npm 就是一个非常重要的前端工具,为我们提...

    3 年前
  • npm 包 js-dater 使用教程

    介绍 js-dater 是一个用于处理和格式化日期和时间的 JavaScript 库,它提供了一个易于使用和灵活的 API。 通过使用 js-dater,您可以生成并格式化日期和时间,计算时间差,从字...

    3 年前
  • NPM 包 topunet-pic-code 使用教程

    介绍 topunet-pic-code 是一个基于 Canvas 开发的生成验证码图片的 NPM 包。它可以用于前端开发中常见的验证码场景,如登录注册、防止恶意攻击等。

    3 年前
  • npm 包 upoint-ui 使用教程

    upoint-ui 是一个基于 React 的 UI 组件库,提供了丰富多样的组件以及样式,可以帮助前端开发者快速搭建美观且易用的界面。 本教程将介绍如何使用 upoint-ui,包括安装、配置和使用...

    3 年前
  • npm包dom-step使用教程

    在前端开发中,DOM(文档对象模型)是一个非常重要的概念。在DOM中,我们可以对HTML、XML文档进行操作,包括添加、删除、修改特定元素。 dom-step是一个可以帮助开发者更加方便地操纵DOM元...

    3 年前
  • npm 包 @alexghi/material-ui 使用教程

    在前端开发中,组件库是一个非常重要的资源。这些组件库为开发人员提供了一些预制的界面元素和交互效果,使得开发人员可以更加轻松地构建出符合用户需求的界面。而 Material-UI 是一款非常流行的 Re...

    3 年前
  • npm 包 utra-bridge 使用教程

    简介 utra-bridge 是一款可在 Web 端与原生移动端应用之间进行通信的工具。该工具基于 Promise 封装了一组通信 API,可跨越通信的数据类型包括简单类型、JSON 对象、数组、B...

    3 年前
  • npm 包 animate.css-jquery 使用教程

    1. 背景介绍 Animate.css 是一个开源的 CSS3 动画库,它提供了一系列预设的动画效果,可以为网页添加生动的交互效果,而不需要编写繁琐的 CSS 代码。

    3 年前
  • npm 包 es-arguments 使用教程

    在 JavaScript 中,我们常常需要处理函数的参数,例如获取第一个参数、获取第二个参数等。es-arguments 就是一个 npm 包,可以方便地帮助我们处理函数的参数。

    3 年前
  • npm 包 fis-prepackager-https-trans 使用教程

    在前端开发中,经常会遇到使用 HTTPS 协议的场景,这时候就需要对静态资源进行 HTTPS 转换处理。fis-prepackager-https-trans 就是专门为了解决这个问题而产生的 npm...

    3 年前
  • npm 包 lard-codepipeline-lambda-aliaser 使用教程

    在 AWS Lambda 的使用中,我们通常需要经常进行更新函数的版本,并且在同一个别名下面去推广这个版本。AWS 的 CodePipeline 可以用于实现自动化流程,在代码发生更新的时候自动地进行...

    3 年前
  • npm 包 react-themable-hoc 使用教程

    在前端开发中,我们经常需要为 UI 组件添加样式,以使其与项目的整体风格相统一。然而,为每个组件都编写样式代码是一项繁琐的任务。为了解决这一问题,我们可以使用 npm 包 react-themable...

    3 年前
  • npm 包 scirocco 使用教程

    Scirocco 是一个很棒的 npm 包,它提供了一个轻量级的组件库,包含许多可以直接使用的组件,使得前端开发变得更加容易。本文将为您提供 Scirocco 的使用教程及指导建议。

    3 年前
  • npm 包 tea-ts 使用教程

    简介 Tea-ts 是一个轻量、快速的 TypeScript 框架,可以帮助您更快地开发 Web 应用程序。它基于 Express 框架,但使用 TypeScript 管理代码更加容易。

    3 年前
  • npm 包 webpack-css-helper 使用教程

    npm 包 webpack-css-helper 使用教程 Webpack-css-helper 是一款基于 webpack 的 css 文件处理工具,它能够自动抽离 css 文件、转换 css 代码...

    3 年前

相关推荐

    暂无文章