介绍
在现代 web 应用中，许多开发者选择使用 Microsoft Azure Active Directory (AAD) 进行身份验证和授权，以保护应用程序的安全性。由于 Angular 是前端开发人员最常用的框架之一，因此 Microsoft 为 Angular 开发者提供了一个可重用的 npm 包，名为 microsoft-adal-angular6。
然而，这个 npm 包已经停止维护，并且存在一些已知问题。为此，Brian McDowell 重新开发了一个以这个 npm 包为基础的新 npm 包，名为 @brianmcd/forked-microsoft-adal-angular6。
本文将为您提供在 Angular 6 中使用 @brianmcd/forked-microsoft-adal-angular6 的详细教程。
步骤
我们将通过以下步骤演示如何使用 @brianmcd/forked-microsoft-adal-angular6。
步骤1：安装必要的依赖
在使用 @brianmcd/forked-microsoft-adal-angular6 之前，您需要安装以下依赖：
npm install @brianmcd/forked-microsoft-adal-angular6 adal-angular@1.0.24 --save
步骤2：配置 ADAL
在 Angular 中配置 @brianmcd/forked-microsoft-adal-angular6 非常简单。您可以在 AppModule 中注入以下代码：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
------ - ------------- ---------------- - ---- -------------------------------------------
------ - ----------------- ---------- - ---- -----------------------
-----------
-------- -
--------------
----------------
--
------------- -
------------
--
---------- -
------------- -
-------- -----------------
----------- ------ ----------- -- -
-- ------ ---- -------
----- ---- - --- -----------------------
-- --- --------- --- ----
-------------- - - ------------------------------ ----------------------------- --
-- ------ ---- -------
------ -----
--
----- ------------
-
--
---------- --------------
--
------ ----- --------- - -步骤3：配置身份验证
要配置身份验证，您需要设置以下几个参数：
-- -------------------- ---- -------
------ - ------------- ---------------- - ---- -------------------------------------------
------ ----- ------------ -
------------------- ------------ ------------- ------- ----- ----------- -
-- --- -- --- ---- -------------
-----------------------
------- ------ ---------
--------- ------ ------ -----
------------ ---------------------- - ----
---------------------- ---------------------- - ----
-------------- ---------------
---
-
---------- -
-- ----- -- --- ---- -- ------ --
-- ------------------------------------------ -
-------------------------
-
-
-<YOUR TENANT> 和 <YOUR CLIENT ID> 是您在 Azure Active Directory 中定义的值。
步骤4：使用身份验证
现在，我们已经完成了身份验证的配置，可以通过以下方式使用身份验证。
例如，我们可以使用身份验证来调用 Microsoft Graph API：
-- -------------------- ---- -------
------ - ---------------- - ---- -------------------------------------------
------ ----- ------------ -
------------------- ----- ----------------- --
---------- -
----------------------------------------------------
------------
---------------- -- -
-----------------------------
---------------- -- -
-------------------
---
-
-结论
在本文中，我们通过详细的步骤演示了如何在 Angular 6 中使用 @brianmcd/forked-microsoft-adal-angular6。如果您正在使用 AAD 进行身份验证和授权，并且正在使用 @brianmcd/forked-microsoft-adal-angular6 进行开发，那么这篇文章对您将有非常大的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006734a890c4f7277583755