使用msal.js在角度spa上進行身份驗證

Question

我的角度應用程序有1000個獨特的路由，用戶應該可以從任何這些頁面點擊登錄按鈕。 基於此示例實現了msal.js：

https://github.com/Gimly/simpleAngularAzureB2C/blob/master/src/app/authentication.service.ts

調用login方法時出現以下錯誤：

AADB2C90006：+ +重定向+ URI +' http：// localhost：39579 / unique-uri '+提供+ + + +請求+ + +不+注冊+ + + +客戶端+ id +

有辦法解決這個問題嗎？

謝謝！

Answer 1

默認情況下，Msal.UserAgentApplication構造函數將“redirect_uri”請求參數設置為當前URL，該URL不會縮放。

Msal.UserAgentApplication構造函數接受“redirectUri”選項參數，該參數允許將“redirect_uri”請求參數設置為為Azure AD B2C應用程序注冊的固定URL（例如“ http：// localhost：39579 / authcallback ”） 。

在MSAL生成對Azure AD B2C的身份驗證請求之前，它會將當前URL（例如，“ http：// localhost：39579 / unique-uri ”）寫入存儲，然后將用戶代理重定向到身份驗證端點。

在“/ authcallback”端點，您必須創建Msal.UserAgentApplication的新實例，以處理身份驗證響應。

在MSAL驗證Azure AD B2C的身份驗證響應后，它會從存儲中讀取原始URL，然后將用戶代理返回到此URL。