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

时间:2017-12-01 18:50:25

标签: angular azure-active-directory openid-connect adal azure-ad-b2c

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

要运行该应用,我在Azure中创建了一个租户,在AD B2C中注册了该应用,并添加了https://localhost:4200的回复网址。然后我将app id和ten​​ant添加到我的Angular App中。

当我运行该应用时,它正确地重定向到https://login.microsoftonline.com ...加载时进行登录。正确登录会重定向到https://localhost:4200

当我退出时,出现问题。该应用程序被重定向到this static logout page,而this "logging you out" page并未重定向回我的应用。

我尝试在Azure Active Directory(而不是B2C)中注册应用程序,将其配置数据移动到我的Angular App中,当我运行它并注销时,它会暂时重定向到{{3}},重定向回应用程序。

注销后的重定向网址与租户名称不同,只有B2C才会死亡。 Chrome和Edge都会发生这种情况。

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

2 个答案:

答案 0 :(得分:1)

注销请求应包括“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将显示通用消息。

答案 1 :(得分:1)

您应该使用MSAL.js w / Azure AD B2C

  

ADAL ...仅适用于Azure AD" classic" (例如 - 不是B2C)

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

请参阅使用Angular 4 example。{/ p>的MSAL.js