什么是 @nebular-dev/auth？
@nebular-dev/auth 是一个基于 Angular 的 npm 包，它提供了一个可靠的身份验证和授权系统，用于保护你的应用程序。该包具有很好的灵活性和可扩展性，可以轻松地与其他授权机制集成。
如何安装？
要安装 @nebular-dev/auth，请使用以下命令：
npm install @nebular-auth/core
如何使用？
- 创建一个 AuthModule：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------ - ---- ------------------
------ - ------------ - ---- ----------------
------ - ----------------------- -------------- - ---- ----------------
-----------
-------- -
-------------
----------------------
----------- -
------------------------------
----- --------
------------- ------------------------
------ -
--------- --------------
--
------ -
------ ---------------
---- ---------------
--
---
--
---
--
--
------ ----- ---------- --注意：在上面的代码中，我们使用 NbPasswordAuthStrategy 策略进行身份验证。要使用其他策略，只需替换 NbPasswordAuthStrategy.setup() 方法即可。
- 创建一个 LoginComponent
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------- - ---- ----------------
------------
--------- ------------
--------- -
----- ------------------------
------ ----------- ------------ ------------------- --
------ --------------- --------------- ---------------------- --
------- -----------------------------
-------
--
--
------ ----- -------------- -
------ -------
--------- -------
------------------- ------------ -------------- --
---------- -
-------------------------------------- -
------ -----------
--------- --------------
---
-
-在上述代码中，我们创建了一个 LoginComponent 组件，该组件包含一个带有 email 和 password 输入字段的表单。当用户提交表单时，我们使用 authService.authenticate() 方法来进行身份验证。
- 实现 AuthGuard
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - ------------ ----------------------- -------------------- ------ - ---- ------------------
------ - -------------- -------------- - ---- ----------------
------ - --- - ---- -----------------
-------------
----------- -------
--
------ ----- --------- ---------- ----------- -
------------------- ------------ -------------- ------- ------- ------- --
------------------ ----------------------- ------ -------------------- -
------ ----------------------------------------
------------------- -- -
-- ---------------- -
--------------------------------
-
--
--
-
-在上述代码中，我们创建了一个 AuthGuard 类，该类实现了 CanActivate 接口。在 canActivate() 方法中，我们检查用户是否已经通过身份验证。如果用户尚未通过身份验证，则将其重定向到登录页面。
- 在路由器中使用 AuthGuard
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------- ------------ - ---- ------------------ ------ - --------- - ---- --------------- ------ - -------------- - ---- -------------------- ------ - ------------- - ---- ------------------- ----- ------- ------ - - - ----- --- ---------- -------------- ------------ ----------- -- - ----- -------- ---------- -------------- -- -- ----------- -------- ------------------------------- -------- --------------- -- ------ ----- ---------------- --
注意：我们将 AuthGuard 添加为 canActivate 属性的一部分。
到此我们已经完成了 @nebular-dev/auth 的使用教程。希望这篇文章对你有帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcc967216659e2448a6