在前端开发中，实现用户认证是非常常见的需求。为了方便开发人员开发，npm 提供了许多可以用于用户认证的包，其中一个非常优秀的包就是 expect-universal-react-user-authentication。
该 npm 包提供了一个完整的、易于定制的用户认证系统，在 React、React Native、Node.js 等多个平台上均可使用。下面将为大家详细介绍该包的使用教程。
安装
使用 npm 进行安装即可：
npm install expect-universal-react-user-authentication
简单使用
在 React 中使用 expect-universal-react-user-authentication：
-- -------------------- ---- -------
------ - ----------------------- ----------------- - ---- ---------------------------------------------
-------- ----- -
------ -
-----------------------
------------------------ -- ------------------
------------ -- ----------------------
-
--------------- --
-------------------------
--
-
-------- ---------------- -
----- - ---------------- ----- ------ ------ - - --------------------
------ -
-----
---------------- - -
--
-------------------------
------- --------------------------------
---
- - -
------- ----------- -- ------- ------ ------------------- --------- ---------- ----
-----
---------
--
------
--
-深入使用
如果需要对 expect-universal-react-user-authentication 进行深入的使用和定制，可以通过使用其提供的函数和上下文来实现。
例如，使用 useAuthentication 和 isAuthenticated：
-- -------------------- ---- -------
------ - ----------------- - ---- ---------------------------------------------
-------- ---------- -
----- - --------------- - - --------------------
-- ----------------- -
------ ----------------------- ---
- ---- -
------ ---------- ---
-
-使用 AuthenticationContext.Provider 来修改默认的认证跳转页面：
-- -------------------- ---- -------
------ - ---------------------- ----------------------- ----------------- - ---- ---------------------------------------------
-------- ----------------- -
----- - ----- - - --------------------
----- ------------ - ----- ------- -- -
-----------------------
----- ----- - -------------------------
----- -------- - ----------------------------
----- ------- ------ -------- ---
--
------ -
----- ------------------------
------ -----------------------------
------ ---------- ------------ ------------ --
------ -----------------------------------
------ ------------- --------------- --------------- --
------- ----------------------------
-------
--
-
-------- ----- -
------ -
-----------------------
------------------------ -- ------------------
------------ -- ----------------------
-
------------------------------- -------- ---------- --------------- ---
--------------- --
---------------------------------
-------------------------
--
-
-------- ---------------- -
----- - ---------------- ----- ------ - - --------------------
------ -
-----
---------------- - -
--
-------------------------
------- --------------------------------
---
- - -
------- ----------- -- ------------- ----- -- ---------------- ----------------
--
------
--
-结束语
使用 expect-universal-react-user-authentication 包可以简化用户认证的实现，同时提供了许多定制化的能力，接入其他的用户认证方式也非常方便。希望本篇文章对您的实现用户认证的工作有所启示和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556fa81e8991b448d3e0b