npm 包 aws-appsync-subscription-link 使用教程

最近,AWS 推出了一项新服务 —— AppSync,它是一项全托管的 GraphQL 服务。它允许您快速构建可伸缩的 GraphQL API,提供了许多强大的功能,例如实时数据、自定义查询以及上下文分页等功能。为了实现实时数据功能,您需要使用一个称为 aws-appsync-subscription-link 的 npm 包。本文将介绍如何使用该包,以便您能够在 AppSync 中构建实时数据服务。

安装依赖

首先,您需要先安装一些必要的依赖。您需要使用以下命令安装所需的包:

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

创建 AppSync 客户端

在使用 aws-appsync-subscription-link 之前,您需要创建一个 AppSync 客户端。您可以使用 AWS Amplify 来创建客户端:

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

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

请注意,您需要设置 URL、Region 和身份验证信息。

创建 Subscription Link

现在,您已经准备好使用 aws-appsync-subscription-link 了。该包提供了一个名为 createAppSyncSubscriptionLink 的工厂函数,它返回 Apollo Link。您可以在此基础上继续构建您的 GraphQL 客户端。

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

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

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

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

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

请注意,您需要设置 URL、Region 和身份验证信息。此外,您还需要安装以下包:

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

订阅数据

现在,您已经准备好从 AppSync 中订阅数据了。您可以像这样编写一个 GraphQL 订阅查询:

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

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

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

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

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

这个订阅查询将监听 onNewItem 订阅,并在每次收到新的数据时打印数据到控制台上。您可以替换此代码来处理您的数据。

结论

aws-appsync-subscription-link 简化了在 AppSync 中使用实时数据的过程。通过使用该包,您可以轻松地创建和管理 GraphQL 订阅查询,并从实时数据中获取更新。本文展示了如何使用该包,但请记住,aws-appsync-subscription-link 只是建立在 Apollo Link 之上的一种实现。因此,您可以根据需要调整和修改您的代码,以实现您所需的功能。

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


猜你喜欢

  • npm 包 @aws-sdk/middleware-host-header 使用教程

    随着云计算的发展,Amazon Web Services (AWS) 的使用率也越来越高。AWS 提供了丰富的服务以及各类客户端库,其中 @aws-sdk/middleware-host-header...

    4 年前
  • npm 包 @aws-sdk/middleware-location-constraint 使用教程

    简介 @aws-sdk/middleware-location-constraint 是一个用于 AWS SDK 的中间件,它可以自动维护 S3 存储桶的位置限制,确保您的数据存储在您选择的地理位置。

    4 年前
  • npm 包 @aws-sdk/middleware-retry 使用教程

    前言 在开发前端应用程序时,可能会频繁地与后端服务进行交互,其中必不可少的就是调用 AWS 服务。然而,由于网络问题等原因,API 调用时可能会出现失败,这时候就需要对 AWS SDK 进行重试。

    4 年前
  • NPM包@aws-sdk/middleware-sdk-s3使用教程

    AWS提供了许多API和服务,包括S3服务(Amazon Simple Storage Service)。@aws-sdk/middleware-sdk-s3是一个npm包,为AWS SDK的S3客户...

    4 年前
  • npm 包 @aws-sdk/middleware-serde 使用教程

    介绍 在 AWS SDK for JavaScript 中,@aws-sdk/middleware-serde 是一款用于序列化和反序列化 JavaScript 对象和 AWS 数据格式(如 JSON...

    4 年前
  • npm 包 @aws-sdk/middleware-signing 使用教程

    介绍 在云计算领域,AWS(Amazon Web Services)是著名的云服务提供商之一。开发者可以使用 AWS 提供的 AWS SDK 开发应用程序,通过 AWS 服务提供的 API 获取云计算...

    4 年前
  • npm 包 @aws-sdk/middleware-ssec 使用教程

    前言 AWS(Amazon Web Services)提供了很多强大的服务,如 S3(存储服务),DynamoDB(NoSQL 数据库),Lambda(函数服务)等等。

    4 年前
  • npm 包 @aws-sdk/middleware-user-agent 使用教程

    前言 AWS(Amazon Web Services)是全球最大的云计算平台之一,在做 AWS 开发时,经常需要用到 SDK。然而,AWS SDK 中的不同模块和服务划分有些混乱,特别是在进行跨服务和...

    4 年前
  • npm 包 @aws-sdk/protocol-http 使用教程

    简介 @aws-sdk/protocol-http 是操作 AWS 服务中 HTTP 请求和响应传输的的协议层的一个 npm 包。它可以帮助开发者更方便的使用 AWS 的服务。

    4 年前
  • npm 包 @aws-sdk/smithy-client 使用教程

    前言 在 AWS 官网介绍的 AWS SDK for Javascript 中,提供了很多客户端库,可以满足不同场景的需求。本文介绍 @aws-sdk/smithy-client,这个客户端库提供了一...

    4 年前
  • npm 包 @aws-sdk/stream-collector-browser 的使用教程

    前言 在前端开发中,我们经常需要上传和下载文件,也需要解析和操作文件流。AWS 提供了一个 "@aws-sdk/stream-collector-browser" 的 npm 包,用于在浏览器中收集和...

    4 年前
  • npm 包 @aws-sdk/url-parser-browser 使用教程

    前言 AWS SDK(Amazon Web Services Software Development Kit)是 AWS 提供的一套开发工具包,为开发者提供了 AWS 云服务的 API 和其他功能。

    4 年前
  • npm 包 @aws-sdk/util-base64-browser 使用教程

    前言 在前端开发中,我们经常需要对数据进行编码和解码。其中,Base64 是一种常用的编码方式。Base64 编码可用于在文本中传输二进制数据,而不会导致信息损坏。

    4 年前
  • npm 包 @aws-sdk/util-body-length-browser 使用教程

    在前端开发中,我们经常需要向后端服务发送请求。而 AWS 的服务也是很常用的云服务平台。@aws-sdk/util-body-length-browser 是一个在前端开发中常用的 npm 包。

    4 年前
  • npm 包 @aws-sdk/util-user-agent-browser 使用教程

    AWS SDK 是全球领先的云计算服务提供商 Amazon Web Services (AWS)的官方软件开发工具包。而 npm 包 @aws-sdk/util-user-agent-browser ...

    4 年前
  • npm 包 @types/pixl-xml 使用教程

    在前端开发过程中,我们经常需要使用 XML 数据格式。然而,JavaScript 对于解析和操作 XML 数据的支持并不够完善。因此,我们需要使用第三方库来处理 XML 数据。

    4 年前
  • npm包@aws-sdk/client-s3使用教程

    简介 AWS 是 Amazon 提供的云计算服务,也是目前最大的公共云服务供应商之一。AWS 提供了多个 SDK (软件开发工具包)以帮助开发人员更方便地在其云端平台上构建应用程序。

    4 年前
  • npm 包 @aws-sdk/http-serialization 使用教程

    简介 在前端开发中,调用 AWS 服务已经成为一种常见的需求。由于 AWS 服务具有高度可定制性,使用起来并不是非常简单,开发人员需要一些专门的工具和技能来处理这些服务。

    4 年前
  • npm 包 @aws-sdk/signature-v4 使用教程

    介绍 在前端开发中,有些应用需要与 AWS(Amazon Web Services)进行交互。AWS 提供了一个安全认证的协议,叫做 AWS 签名算法 V4。签名算法 V4 是一种强加密算法,用于验证...

    4 年前
  • npm 包 @aws-sdk/apply-body-checksum-middleware 使用教程

    前言 在进行 AWS 服务的 API 请求时,我们经常需要在请求体中附带一个校验和,用于确保请求体的完整性。AWS SDK for JavaScript 提供了一个中间件,@aws-sdk/apply...

    4 年前

相关推荐

    暂无文章