介绍
@pratico/ngx-auth 是一种 Angular 库，旨在添加身份验证功能，以便在 Angular 程序中安全地管理用户身份验证。本教程将介绍如何使用该库，以及如何在 Angular 应用程序中添加用户身份验证。
安装
通过以下命令来安装 @pratico/ngx-auth：
npm install @pratico/ngx-auth
配置
在你的应用程序的 AppModule 中添加：
-- -------------------- ---- -------
------ - ---------- - ---- --------------------
-----------
-------- -
---
--------------------
------------- ------------
--------------- ---------------
---
---
--
---------- ---
---------- --------------
--
------ ----- --------- - -在这里，我们简单说明了如何为整个应用程序添加身份验证功能，其中 authEndpoint 是用于身份验证的 API 的 URL，authHeaderName 是发送身份验证标头的名称。还有一些其他的配置项你可以参考 @pratico/ngx-auth 的官方文档来配置。
使用
要在应用程序中使用身份验证，请使用 AuthService。例如，如下代码演示了如何使用 AuthService 进行登录和注销：
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ----------- - ---- --------------------
------------
--------- ------------
--------- -
------
-------
------
------ ----------- --------------------
--------
-------
---------
------ --------------- -----------------------
--------
------- --------------------------------
-------
------- ----------------------------------
--
--
------ ----- -------------- ---------- ------ -
------ -------
--------- -------
------------------- ------------ ------------ --
---------- --
------- -
------------------------
------ -----------
--------- --------------
---------------
-
-------- -
--------------------------
-
-在这里，我们创建了一个简单的登录表单，使用 AuthService 的 login() 方法来执行登录，使用 AuthService 的 logout() 方法来执行注销。请注意，login() 和 logout() 方法均返回一个 Observable，可以用于处理登录和注销成功或失败的情况。
在应用程序的其他部分，您可以使用 AuthService 来检查当前是否已经登录:
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- --------------------
------------
--------- -----------
--------- -
---- ---------------------------------------------- -- -------------------------- ---------
------- ------------------ -----------------------------------------------------
--
--
------ ----- ------------ -
------------------- ------------ ------------ --
-------- -
--------------------------
-
-在这里，我们在页面中创建了一个欢迎消息，仅在用户已登录时显示。如果用户已登录，则可以使用 AuthService 的 getUser() 方法来获取用户对象。
结论
@pratico/ngx-auth 是一个简单而强大的库，可帮助你添加身份验证功能，以便在 Angular 应用程序中安全地管理用户身份验证。无论身份验证需求如何，使用 @pratico/ngx-auth 可以提供一种安全、可靠的解决方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eaf81e8991b448dc3d7