@bsk/ng-security 是一个 Angular 应用程序安全性工具包，为 Angular 应用提供了许多常见的安全功能和组件。它可以用于保护应用程序，管理用户凭据并实现访问控制策略。本文将详细介绍如何安装和使用 @bsk/ng-security 这个 npm 包。
安装
你可以使用 npm 包管理器来安装 @bsk/ng-security，执行以下命令：
npm install @bsk/ng-security
在安装完成之后，你可以将安全模块引入到 Angular 应用程序模块：
-- -------------------- ---- -------
------ - ------------- - ---- ----------------------------
------ - -------- - ---- ----------------
------ - -------------- - ---- -------------------
------ - ------------ - ---- ------------------
-----------
------------- -
------------
--
-------- -
--------------
--------------
--
---------- ---
---------- --------------
--
------ ----- --------- - -使用
TokenService
TokenService 提供了处理和管理用户身份验证和授权 Token 的功能。通常情况下，Token 都是通过登录和授权过程中生成的。下面是一些示例代码，用于在应用程序中使用它：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------ - ---- -------------------
------------
--------- -----------
--------- -
------- --------------------------------
------- ----------------------------------
-
--
------ ----- ------------ -
------------------- ------------- ------------- --
-- --
------- -
----- ----- - --------------
----------------------------------
-
-- --
-------- -
--------------------------------
-
-Security Guard
守卫在处理路由事件时，用于控制对特定路由的访问权限。Security Guard 可以保护路由的访问，只有在用户已经登录并获得具有必要角色的授权时才会给予访问。
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - ------------ ----------------------- ------------------- - ---- ------------------
------ - ------------ - ---- -------------------
-------------
------ ----- --------- ---------- ----------- -
------------------- ------------- ------------- --
------------------ ----------------------- ------ -------------------- -
-- ------------------------------ -
-- -----
------ -----
- ---- -
-- --------------
------------------------------------
------ ------
-
-
-在设置完守卫之后，你需要将它与路由绑定到一起：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------- ------------ - ---- ------------------
------ - --------- - ---- ---------------
----- ------- ------ - -
-
----- -------
---------- --------------
------------ -----------
--
-
----- --------
---------- --------------
-
--
-----------
-------- -------------------------------
-------- ---------------
---------- -----------
--
------ ----- ---------------- - -EncryptedInput
EncryptedInput 用于以安全和加密的方式收集敏感信息。
<bsk-encrypted-input [(ngModel)]="username" placeholder="Username"></bsk-encrypted-input>
你可以通过以下的方式来访问已解密的值：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - -------------- - ---- -------------------
------------
--------- -----------
--------- -
-------------------- ---------------------- ---------------------------------------------
------- ----------------------------- -----------------
-
--
------ ----- ------------ -
--------- ---------------
-------------- -
---------------------------------
-
-总结
@bsk/ng-security 简化了在 Angular 应用程序中处理安全性的过程。它提供了许多常见的安全功能和组件，例如 TokenService、AuthGuard 和 EncryptedInput。通过使用它，你可以快速地增强和保护你的应用程序，并且能够让你更专注于业务逻辑的开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596b81e8991b448d6f00