简介
@msiebuhr/angular-enforcer npm 包是一个 Angular 应用程序的 ISP 认证包,该认证包与 Auth0 的认证后端集成,并使用 OAuth2 协议进行身份验证。该 npm 包提供了 Angular 应用程序的保护功能,只有已身份验证的用户才能访问特定的应用程序。
安装
可以使用 npm 安装 @msiebuhr/angular-enforcer 包。
--- ------- --------------------------
配置
该 npm 包的使用需要进行配置。下面列举了最基本的配置选项:
------ - ---------- - ---- ----------------------------- ------ ----- ----------- - - ----------- ------ ------------ -------------------- ----- --- ------------ ------- -------------------- --------- ----------------------- --------- ---------------------- ------ ------- ------- ------- ----------------- ----- ------------ ----------------------- --
属性 | 类型 | 描述 |
---|---|---|
domain | string |
Auth0 租户的域名。 |
clientId | string |
Auth0 应用程序的客户端 ID。 |
audience | string |
应用程序的证伪服务器使用的 API 资源标识。 |
scope | string |
请求访问的范围。 |
useRefreshTokens | boolean |
是否启用刷新令牌。 |
redirectUri | string |
重定向 URI。 |
用法
在 Angular 应用程序中,只需引入 MsiebuhrEnforcerModule
模块,并在 AppModule
中将其添加到导入数组中即可。
------ - ---------------------- - ---- ----------------------------- ----------- -------- ------------------------- ------------- --------------- ---------- -------------- -- ------ ----- --------- --
随后,使用 MsiebuhrEnforcerService
进行 ISP 认证。下面是一个获取受保护资源的示例:
------ - ----------------------- - ---- ----------------------------- ------------ --------- --------- ------------ ---------------------- -- ------ ----- ------------ - ------------------- ------------------------ ------------------------ -- ----------- ---- - -------------------------------------------------------- ----------------- ---- -- - ------------------ --- - -
在上述示例中,当用户成功身份验证,将可以接收到 /myprotectedresource
资源的响应。
结论
使用 npm 包 @msiebuhr/angular-enforcer,我们可以轻松保护 Angular 应用程序,只有已身份验证的用户才能访问特定的应用程序。本文中提供了该 npm 包的安装、配置和用法,希望对您有所帮助。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005668281e8991b448e2a8d