npm包 aws-appsync使用教程-JavaScript中文网-JavaScript教程资源分享门户

npm包 aws-appsync使用教程

在现代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