最近，AWS 推出了一项新服务 —— AppSync，它是一项全托管的 GraphQL 服务。它允许您快速构建可伸缩的 GraphQL API，提供了许多强大的功能，例如实时数据、自定义查询以及上下文分页等功能。为了实现实时数据功能，您需要使用一个称为 aws-appsync-subscription-link 的 npm 包。本文将介绍如何使用该包，以便您能够在 AppSync 中构建实时数据服务。
安装依赖
首先，您需要先安装一些必要的依赖。您需要使用以下命令安装所需的包：
npm install aws-appsync aws-appsync-subscription-link apollo-link-ws subscriptions-transport-ws
创建 AppSync 客户端
在使用 aws-appsync-subscription-link 之前，您需要创建一个 AppSync 客户端。您可以使用 AWS Amplify 来创建客户端：
-- -------------------- ---- -------
------ ---------------- ---- -------------
------ - ---- - ---- -------------
----- ------ - --- ------------------
---- --------------------------------------
------- -----------------------------
----- -
----- ----------------------------
--------- ----- -- -- ------ -------------------------------------------------
--
-------------- -
-------- -------------------
-
--请注意，您需要设置 URL、Region 和身份验证信息。
创建 Subscription Link
现在，您已经准备好使用 aws-appsync-subscription-link 了。该包提供了一个名为 createAppSyncSubscriptionLink 的工厂函数，它返回 Apollo Link。您可以在此基础上继续构建您的 GraphQL 客户端。
-- -------------------- ---- -------
------ - ----------------------------- - ---- -------------------------------
------ - ------------- - ---- ----------------
------ - ----- - ---- -------------
------ - ----------------- - ---- ------------------
----- ---------------- - -------------------------------
---- ---------------------------------------
------- -----------------------------
----- -
----- ----------------------------
--------- ----- -- -- ------ -------------------------------------------------
-
--
----- ------------- - --- ---------------
---- -----------------------------------------------
-------- -
---------- -----
----------------- ----- -- -- --
-------------- ------- -------- ---------------------------------------------------
--
-
--
----- ---- - ------
-- ----- -- -- -
----- - ----- --------- - - ------------------------
------ ---- --- --------------------- -- --------- --- --------------
--
--------------
----------------
-
----- ------ - --- --------------
-----
------ --- ---------------
--请注意，您需要设置 URL、Region 和身份验证信息。此外，您还需要安装以下包：
npm install apollo-link apollo-utilities graphql-tag
订阅数据
现在，您已经准备好从 AppSync 中订阅数据了。您可以像这样编写一个 GraphQL 订阅查询：
-- -------------------- ---- -------
------ --- ---- -------------
----- ------------ - ----
------------ --------- -
--------- -
--
----
-
-
-
----- -------- - -
----- ---- -- ------------------
------ ----- -- --------------------
-
----- ------------------- - ------------------
------ ------------
--
---------------------------------------这个订阅查询将监听 onNewItem 订阅，并在每次收到新的数据时打印数据到控制台上。您可以替换此代码来处理您的数据。
结论
aws-appsync-subscription-link 简化了在 AppSync 中使用实时数据的过程。通过使用该包，您可以轻松地创建和管理 GraphQL 订阅查询，并从实时数据中获取更新。本文展示了如何使用该包，但请记住，aws-appsync-subscription-link 只是建立在 Apollo Link 之上的一种实现。因此，您可以根据需要调整和修改您的代码，以实现您所需的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaafcb5cbfe1ea0610612