npm包 aws-appsync使用教程

阅读时长 6 分钟读完

在现代Web应用程序中,API的实时交互成为了一种必需的需求。这意味着我们需要在客户端和服务端之间建立实时通信。AWS AppSync是AWS Cloud服务中的一项用于构建实时应用程序和API的管理和解析服务。

在本文中,我们将展示如何使用npm包aws-appsync来构建实时应用程序和API。

安装

首先,让我们通过运行以下命令,在你的应用程序中安装aws-appsync包。

配置

AWS AppSync需要连接 AWS IAM 鉴定,这是一种基于 AWS 的开发人员身份验证方法。接下来,我们需要按照以下步骤进行配置:

步骤一:创建 AWS IAM 用户

访问AWS控制台并从左侧菜单选择 IAM。在左侧菜单中,选择**Users**,然后单击“添加用户”。设置要添加的用户详细信息,然后单击“下一步:权限”。

步骤二:为用户添加权限

在“权限”页面上,我们需要选择具有以下权限的自定义权限策略:

  • appsync:*
  • logs:CreateLogGroup
  • logs:CreateLogStream
  • logs:PutLogEvents

步骤三:保存访问凭证

创建成功后会显示访问密钥ID和密钥访问密钥。您需要记住这些凭证,因为我们需要将其用作aws-appsync的身份验证。

步骤四:配置 aws-appsync

现在我们已经准备好配置aws-appsync了。在应用程序中创建一个新文件夹并在其中创建一个名为appsync.js的新文件。接下来,我们需要将以下内容添加到appsync.js文件中:

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

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

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

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

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

请注意,您需要替换以下值:

  • YOUR_API_URL:您的 AppSync 终端节点中 GraphQL API 的 URL。(eg:https://xxx.appsync-api.us-east-1.amazonaws.com/graphql)
  • YOUR_REGION:您的AWS区域。 (eg: us-east-1)
  • API_KEY:您的 AppSync API 的API密钥。

步骤五:添加查询

为了使用aws-appsync和查询实现实时通信,我们需要添加一个查询。我们可以在文件夹中的queries文件中创建查询。

例如:在queries/query.js文件中,我们可以添加以下代码:

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

示例代码

可以参照以下完整代码:

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

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

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

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

总结

使用aws-appsync可以轻松地构建实时应用程序和API,帮助我们在客户端和服务器之间建立实时通信。本文中,我们提供了详细的aws-appsync配置和查询的使用示例,帮助开发人员快速入手使用。

希望本文对您有所帮助。祝您使用愉快!

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