Amazon Web Services (AWS) 提供了强大的身份验证和授权服务，称为 Amazon Cognito。这个服务能够简化前端和后端身份验证和授权的管理，使开发者能够更轻松地创建安全的应用程序。在这篇文章中，我们将介绍如何使用 npm 包 @aws-amplify/auth 来使用 Amazon Cognito 实现用户身份验证。
安装和配置
首先，确保您的项目已经安装了 npm 包 @aws-amplify/auth：
npm install @aws-amplify/auth
接下来，我们需要配置 @aws-amplify/auth 来使用 Amazon Cognito，可以在项目的入口文件中引入并配置模块：
-- -------------------- ---- -------
------ -------- - ---- - ---- --------------
-------------------
----- -
------- ----------------------
----------- --------------------
-------------------- ---------------------
--
---在上述代码中，我们使用了 Amplify 中的 Auth 模块来配置 Amazon Cognito。配置中包含了您的用户池 ID、应用程序客户端 ID 和 Amazon Cognito 区域。
注册新用户
我们可以使用 Auth 中的 signUp 方法来注册新用户：
-- -------------------- ---- -------
-------------
--------- -----------------------
--------- ------------
----------- -
------ -----------------------
--
--
------------ -- ------------------
-------------- -- --------------------在上面的代码中，我们传入了新用户的用户名、密码和属性。成功注册后，signUp 方法将返回用户的详细信息，包括其 ID、用户名和属性。
登录
通过使用 Auth 模块中的 signIn 方法，我们可以验证用户身份并获取有效的身份验证令牌：
Auth.signIn('john.doe@example.com', 'P@ssw0rd!')
.then((data) => console.log(data))
.catch((error) => console.log(error));在上面的代码中，我们传入了用户的电子邮件地址和密码。验证成功后，signIn 方法将返回带有用户信息和访问令牌的令牌。
验证令牌
使用 Auth 模块中的 currentSession 方法，我们可以验证用户令牌的有效性：
Auth.currentSession() .then((data) => console.log(data)) .catch((error) => console.log(error));
如果令牌有效，则返回包含到期时间和用户信息的令牌。
登出
使用 Auth 模块中的 signOut 方法，我们可以登出当前用户：
Auth.signOut()
.then(() => console.log('User signed out'))
.catch((error) => console.log(error));总结
通过 npm 包 @aws-amplify/auth，我们可以在前端应用程序中轻松使用 Amazon Cognito 来实现用户身份验证和授权。本文介绍了如何在应用程序中安装和配置 @aws-amplify/auth，如何注册新用户、如何验证和使用用户的登录信息、如何验证和使用用户的令牌以及如何登出当前用户。
示例代码
-- -------------------- ---- -------
------ -------- - ---- - ---- --------------
-------------------
----- -
------- ----------------------
----------- --------------------
-------------------- ---------------------
--
---
-------------
--------- -----------------------
--------- ------------
----------- -
------ -----------------------
--
--
------------ -- ------------------
-------------- -- --------------------
----------------------------------- ------------
------------ -- ------------------
-------------- -- --------------------
---------------------
------------ -- ------------------
-------------- -- --------------------
--------------
-------- -- ----------------- ------ ------
-------------- -- --------------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaafdb5cbfe1ea0610614