在现代Web应用程序中,API的实时交互成为了一种必需的需求。这意味着我们需要在客户端和服务端之间建立实时通信。AWS AppSync是AWS Cloud服务中的一项用于构建实时应用程序和API的管理和解析服务。
在本文中,我们将展示如何使用npm包aws-appsync
来构建实时应用程序和API。
安装
首先,让我们通过运行以下命令,在你的应用程序中安装aws-appsync
包。
npm install aws-appsync --save
配置
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