Azure B2C AD 重定向到 Angular 应用程序

Question

我正在尝试运行使用 Azure B2C Active Directory 和 adal-angular 4 的 this Angular 4 example。

为了运行该应用程序，我在 Azure 中创建了一个租户，在 AD B2C 中注册了一个应用程序，并添加了一个回复 URL https://localhost:4200。然后我将应用 ID 和租户添加到我的 Angular 应用中。

当我运行应用程序时，它会在加载登录时正确重定向到 https://login.microsoftonline.com...。正确登录会重定向到https://localhost:4200。

当我退出时，出现了问题。该应用程序被重定向到this static logout page，它不会重定向回我的应用程序。

我尝试在 Azure Active Directory（不是 B2C）中注册一个应用程序，将其配置数据移动到我的 Angular 应用程序中，当我运行它并注销时，它会临时重定向到 this "logging you out" page，然后重定向回应用程序。

注销后的重定向网址除了租户名称外相同，只是B2C死了。这发生在 Chrome 和 Edge 中。

我希望这不仅仅是 B2C 和常规 AD 之间的功能差异。我检查了我的配置，但也许这是我错过的 Azure 门户中的内容？

Answer 1

您应该使用MSAL.js 和Azure AD B2C。

ADAL ... 仅适用于 Azure AD“经典”（例如 - 不是 B2C）

参考：MSAL or ADAL library for use with Azure AD B2C and Xamarin

---

查看使用MSAL.js 的Angular 4 example。

Answer 2

注销请求应包含“p”和“post_logout_redirect_uri”参数，例如：

GET https://login.microsoftonline.com/{tenant}/oauth2/v2.0/logout?p=b2c_1_sign_up_sign_in&post_logout_redirect_uri=https%3A%2F%2Flocalhost%3A4200%2F

如果未指定“post_logout_redirect_uri”参数，则 Azure AD B2C 会显示一般消息。