npm 包 @8base/subscriptions-transport-ws 使用教程

什么是 @8base/subscriptions-transport-ws

@8base/subscriptions-transport-ws 是一个专门用于 GraphQL 订阅的 npm 包。它可以帮助前端开发者更好地使用 GraphQL 订阅,提供了更为方便的使用方式和更多的功能。

使用方法

安装 @8base/subscriptions-transport-ws

在命令行中使用以下命令安装 @8base/subscriptions-transport-ws:

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

使用示例

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

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

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

API

SubscriptionClient

SubscriptionClient 是@8base/subscriptions-transport-ws 插件导出的关键类。

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

SubscriptionClient#constructor

SubscriptionClient 构造函数的接口如下:

参数 类型 描述
endpoint String GraphQL WebSocket 的 URL 地址
options?.timeout Number 连接超时的毫秒数,默认为 20000ms
options?.reconnect Boolean 是否自动重新连接,默认为 true。
----- ------------------ - --- -------------------
  ---------------------------------- 
  - 
    -------- ------
    ---------- -----
  -
--

SubscriptionClient#request

SubscriptionClient#request 方法是在客户端创建 GraphQL 订阅的主要方式。

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

SubscriptionClient#subscribe

SubscriptionClient#subscribe 方法将创建用于处理订阅的实时数据的 N 极坐标。

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

总结

@8base/subscriptions-transport-ws 提供了更为方便的使用方式和更多的功能,可以帮助前端开发者更好地使用 GraphQL 订阅。在使用时只需按照文档指引安装和使用,并且可以根据自己需求对参数进行设置。

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


猜你喜欢

  • npm 包 @types/jest-diff 使用教程

    前言 在进行前端开发中,测试是非常重要的一部分。而在测试中,断言的比较通常是一个非常关键的操作。Jest 是一个流行的测试框架,在其内部,通过调用断言库来进行测试。

    4 年前
  • npm 包 @types/chai-arrays 使用教程

    在前端领域中,测试是非常重要的一环。在进行测试时,chai 是一个比较优秀的测试库,可以用于编写 BDD(行为驱动开发)和 TDD(测试驱动开发)测试。在编写测试时,@types/chai-array...

    4 年前
  • npm 包 @types/didyoumean 使用教程

    介绍 在前端开发过程中,我们常常需要搜索和匹配字符串。但是,由于字符串很容易出错,特别是当输入的内容不完全匹配时,很难找到准确的结果。这时,就需要使用离线字符串匹配算法。

    4 年前
  • npm 包 eslint-plugin-comments 使用教程

    如果你是前端开发人员,那么你一定知道代码风格的重要性。在编写 JavaScript 代码时,我们使用一个叫做 ESLint 的工具来帮助我们检查代码风格。ESLint 是一个非常流行的工具,它可以自定...

    4 年前
  • npm 包 charmap 使用教程

    前言 在前端开发中,多次遇到需要对字符进行转换的需求。而 npm 包 charmap 就是对字符转换的工具包,可用于将各种奇怪的字符转换成 UTF-8 的形式。该工具包提供了一系列的函数和方法,方便前...

    4 年前
  • npm 包 mocha-circleci-reporter 使用教程

    npm 包 mocha-circleci-reporter 使用教程 前言 在前端开发中,进行单元测试是必不可少的一环。而 mocha 是一个前端测试框架,它能够让我们轻松编写和执行测试用例,并且通过...

    4 年前
  • npm 包 dot-notes 使用教程

    简介 dot-notes 是一个 Node.js 的 npm 包,旨在提供一种简单易用的方法来访问 JavaScript 对象中深层嵌套属性的值。它基于 dot notation(点号表示法)来实现这...

    4 年前
  • npm 包 sink-test 使用教程

    前言 sink-test 是一个实用的 npm 包,它能够帮助前端开发者更加方便地进行单元测试和集成测试。本文将详细介绍如何安装和使用 sink-test。 安装 使用 sink-test 需要在项目...

    4 年前
  • npm包cli-changelog使用教程

    介绍 cli-changelog是一款用于生成changelog的npm包。使用它能够让我们轻松地生成项目的changelog,以便更好地管理我们的代码。 安装 首先需要安装Node.js环境,然后使...

    4 年前
  • npm 包 `cli-release` 使用教程

    什么是 npm npm,全称为 Node Package Manager,是基于 Node.js 的包管理工具,用于解决 Node.js 模块之间的依赖关系,管理和共享在 JavaScript 世界中...

    4 年前
  • npm 包 any-base 使用教程

    在前端开发中,我们经常会遇到需要将不同进制的数值相互转换的需求。而 any-base 是一个可以将任意进制数值相互转换的 npm 包,它能够让这个过程变得简单易懂。

    4 年前
  • npm包 @jimp/core 使用教程

    介绍 @jimp/core是一个图像处理库,它可以在Node.js或浏览器中使用,并能够进行图像操作、滤镜、裁剪等等。 安装 在使用@jimp/core之前,您需要先安装Node.js。

    4 年前
  • npm包@jimp/custom使用教程

    前言 在前端领域,图片的处理是必不可少的一项工作。而使用Jimp,一款强大的Node.js图像处理库,可以轻松地完成对图像的操作。 然而,对于一些特殊的需求,Jimp并不能满足我们的全部要求。

    4 年前
  • npm 包 @jimp/bmp 使用教程

    介绍 @jimp/bmp 是 Jimp 图像处理库中用于 BMP 文件格式的插件。 Jimp 是一个用于 Node.js 和浏览器的纯 JavaScript 图像处理库,支持多种图片格式,如 PNG、...

    4 年前
  • npm 包 @jimp/gif 使用教程

    GIF 可是网络上最流行的图像格式之一,但是在前端开发中,我们经常需要对其进行一些操作,比如压缩、调整大小、添加水印等等,这就需要使用一些库来处理。其中,@jimp/gif 作为一个流行的 npm 包...

    4 年前
  • npm 包 @jimp/png 使用教程

    介绍 在前端开发过程中,我们经常需要对图像进行处理,比如调整尺寸,改变颜色,加水印等等。而 @jimp/png 就是一款非常方便的 npm 包,可以让我们在前端轻松地实现这些功能。

    4 年前
  • npm 包 @jimp/tiff 使用教程

    在前端开发中我们常常需要对图片进行处理,那么一个好用的图片处理工具是必不可少的。今天我们就来介绍一个 npm 包 @jimp/tiff,它是一个基于 Jimp 的 TIFF 格式图片处理工具。

    4 年前
  • npm 包 @jimp/types 使用教程

    简介 @jimp/types 是一个用于 Jimp 图像处理库的扩展模块,它为 Jimp 添加了更多的图像编码格式支持。它可以打包成一个 npm 模块,安装后可以轻松地与 Jimp 连接并运行。

    4 年前
  • npm包 @ibezkrovnyi/tslint-rules使用教程

    如果你是一个前端开发人员,你可能已经熟悉 npm 包管理器。在这篇文章中,我们将深入了解如何使用npm包 @ibezkrovnyi/tslint-rules,它是一个TypeScript Lint R...

    4 年前
  • npm 包 image-q 使用教程

    在现代 Web 开发过程中,图像占据了很大一部分的地位。而当我们需要对这些图像做处理,如压缩、裁剪、变换等操作时,一款良好的图像处理库尤为重要。其中,image-q 就是一款非常优秀的 npm 包,它...

    4 年前

相关推荐

    暂无文章