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

Question

我正在嘗試運行這個使用Azure B2C Active Directory和adal-angular 4的Angular 4示例 。

為了運行該應用程序，在Azure中我創建了一個租戶，在AD B2C中注冊了該應用程序並添加了回復URL為https：// localhost：4200 。 然后我將應用程序ID和租戶添加到我的Angular App中。

當我運行應用程序時，它正確地重定向到https://login.microsoftonline.com ...加載登錄時。 正確登錄重定向到https：// localhost：4200 。

當我退出時，有一個問題。 該應用程序被重定向到此靜態注銷頁面 ， 該頁面不會重定向回我的應用程序。

我嘗試在Azure Active Directory（而非B2C）中注冊應用程序，將其配置數據移動到我的Angular App中，當我運行它並注銷時，它會暫時重定向到這個“退出”頁面 ，該頁面會重定向回應用程序。

注銷后的重定向URL與租戶名稱不同，只有B2C才會死亡。 Chrome和Edge都會發生這種情況。

我希望這不僅僅是B2C和常規AD之間的功能差異。 我檢查了我的配置，但也許這是我錯過的Azure門戶網站中的內容？

Answer 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將顯示常規消息。

Answer 2

您應該使用MSAL.js w / Azure AD B2C 。

ADAL ...旨在僅針對Azure AD“經典”（例如 - NOT B2C）

參考： 用於Azure AD B2C和Xamarin的MSAL或ADAL庫

---

請參閱使用MSAL.js的 Angular 4示例 。