ng2-adal-access 是一个供 Angular 2+ 框架使用的 npm 包,它可以简化使用 Microsoft Azure Active Directory(以下简称 AAD)授权的过程。本文将详细介绍如何使用此包,并提供一些示例。
安装
首先,你需要安装 npm 包 ng2-adal-access。在终端上,运行以下命令:
--- ------- --------------- ------
导入
在你的应用程序的任何需要使用 AAD 授权的组件中,使用以下代码导入 ng2-adal-access:
------ - ----------- - ---- ------------------
配置
在组件的构造函数中,添加以下代码:
------------------- ------------ ------------ - ----------------------- ------- -------------------------------- -- --- --- --------- ------------------- -- --- ------- -- ------------ ---------------------- - ---- -- --- --- ---------- - ------------------------------ ----------------------------- -- --- ----- --- --- -- -- ---------------------- ---------------------- - ---- -------------- --------------- -- ------ --- -
注:以上代码中的 、 和 应该替换为你的有效值。
使用
ng2-adal-access 对象提供了几个方法来检查用户授权状态以及进行其他操作。以下是其中一些方法的例子:
登录/自动登录
-------------------------
上面的代码在进行登录操作后,会自动重定向到 AAD 登录页面,让用户在那里输入凭据。如果用户已经在之前进行了登录,那么会自动完成登录操作。
注销
--------------------------
上面的代码将注销当前用户,并重定向到指定的 postLogoutRedirectUri。
检查授权状态
-- ---------------------------------- - -- ------ - ---- - -- ----- -
获取访问令牌
----- ----- - -----------------------------------------------------
上面代码中的 <RESOURCE_NAME>
应该替换为你正在访问的 API 的名称,这个名称应该与你在 AAD 中为该应用程序注册的名称匹配。
示例
在组件中使用
------ - --------- - ---- ---------------- ------ - ----------- - ---- ------------------ ------------ --------- ----------- --------- - ------- ----------------- ------------------------------------ ------- ------------------ ----------------------------------- -- ------------------------------ ----------------- -- -- ------ ----- ------------ - --------------- - ------ -------- - --- ------------------- ------------ ------------ - ----------------------- ------- -------------------------------- --------- ------------------- ------------ ---------------------- - ---- ---------- - ------------------------------ ----------------------------- -- ---------------------- ---------------------- - ---- -------------- --------------- --- -------------------- - --------------------------------- -- ---------------------- - ------------- - ----------------------------------- - - ------- - ------------------------- - -------- - -------------------------- - -
在服务中使用
------ - ---------- - ---- ---------------- ------ - ----------- - ---- ------------------ ------------- ----------- ------- -- ------ ----- --------- - ------- ----------- - --- ------------------- ------------ ------------ - ---------------- - ----------------------------------------------------- - --------- - -- ------------------ - -- -- ---- --------- - ---- - -- --------------------- - - -
结论
ng2-adal-access 是一个非常方便的 npm 包,它在前端应用程序中实现 AAD 授权非常方便。在本文中,我们介绍了如何安装、导入、配置和使用它。希望这篇文章能够帮助你快速学习和使用这个包。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600562d481e8991b448e021e