前言
提供了一种更加简单、安全且可靠的方式来实现用户身份认证。AWS Cognito 可以帮助开发者轻松构建用户认证、注册、登录和注销等功能，海量的文档和 API 接口为开发者提供了充足的资源，这就是 @orther/react-cognito 诞生的原因，它是封装了 AWS Cognito 的一个 React 实现库。
安装
在项目所在的根目录下，执行以下命令进行安装：
npm install @orther/react-cognito
使用
引入依赖
在需要使用库的页面中，可以通过以下方式引入 @orther/react-cognito：
-- -------------------- ---- -------
------ ----- ---- --------
------ - -------------------- ------- - ---- ------------------------
-------- ----- -
------ -
---------------------
---------- ------------
----------------------
--
-配置参数
在使用 @orther/react-cognito 时，需要指定以下参数：
UserPoolId: 用户池 ID，可以在 AWS Cognito 中获取ClientId: 客户端 ID，在 AWS Cognito 中定义
<UserContextProvider UserPoolId="us-east-1_xxxxx" ClientId="xxxx" > <div>Hello World!</div> </UserContextProvider>
获取用户状态
可以通过 useUser Hook 访问用户信息和登录状态。
-- -------------------- ---- -------
-------- ----- -
----- - ----- --------- - - ----------
-- ----------- -
------ ----------------------
-
-- ------- -
------ ----------- ----- -- --- ---- -----------
-
------ -
-----
--- ----------------
------- --------------------------------
------
--
-注册和登录
可以通过 register 和 login 方法来实现用户注册和登录，代码如下：
-- -------------------- ---- -------
------ - ------- - ---- ------------------------
-------- ------- -
----- - ----- - - ----------
----- ------- --------- - -------------
----- ---------- ------------ - -------------
----- ------- --------- - ---------------
----- ----------- - ----- ------- -- -
-----------------------
--- -
----- ------------ ----------
- ----- ------- -
----------------
-
--
------ -
-----
----- -----------------------
------ ------------------------------
------
-----------
----------
-------------
----------------- -- -----------------------------
--
------ ------------------------------------
------
---------------
-------------
----------------
----------------- -- --------------------------------
--
------- ----------------------------
------ -- ---------------------------
-------
------
--
--- -------------------- ---- -------
------ - ------- - ---- ------------------------
-------- ---------- -
----- - -------- - - ----------
----- ------- --------- - -------------
----- ---------- ------------ - -------------
----- ------- --------- - ---------------
----- -------------- - ----- ------- -- -
-----------------------
--- -
----- --------------- ----------
- ----- ------- -
----------------
-
--
------ -
-----
----- --------------------------
------ ------------------------------
------
-----------
----------
-------------
----------------- -- -----------------------------
--
------ ------------------------------------
------
---------------
-------------
----------------
----------------- -- --------------------------------
--
------- -------------------------------
------ -- ---------------------------
-------
------
--
-登出
可以通过 logout 方法来实现用户登出，代码如下：
-- -------------------- ---- -------
------ - ------- - ---- ------------------------
-------- -------- -
----- - ------ - - ----------
----- ------------ - ----- -- -- -
----- ---------
--
------ ------- ---------------------------------------
-结论
@orther/react-cognito 是一个非常优秀的 React 库，对于使用 AWS Cognito 的开发者来说，能够极大地提高开发效率和代码质量，同时整个库也有很好的文档和示例，可以快速上手使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005694c81e8991b448e4cac