MSAL jsはポップアップとカスタムリダイレクトuriの設定よりもWebページのログインを表示します

Question

私はAzure AD B2C UI customization機能を使用して私自身のカスタムログインとサインアップページを持っています。 "今すぐ実行"ボタンをクリックしてポータルから作業を取得できます。しかし、Angular SPAでどのように達成するかはわかりません。私はmsal.jsを使うことができると思うが、ポップアップでログインページを開いている。

ログイン用のフルページリダイレクトは可能ですか？

また、msal.jsは、クライアントホストのURLをデフォルトのredirect uriとしています。

それはMSAL設定でカスタムredirect_uriを設定することは可能ですか？

たとえば、このサンプルweb appの種類の私は探しています。

Answer 1

提供されているサンプルアプリケーションでmsalライブラリを使用できます。ポリシーURLはカスタムUIを自動的に読み込みます。 URIをリダイレクト指定する方法

var applicationConfig = { 
 
      clientID: _clientId, 
 
      authority: "https://login.microsoftonline.com/tfp/{tenant}/B2C_1A_signup_signin_usingAAD", 
 
      b2cScopes: ["https://{tenant}/api/read", "offline_access"], 
 
      webApi: 'https://localhost:44332/api/tasks', 
 
     }; 
 

 
var clientApplication = new Msal.UserAgentApplication(applicationConfig.clientID, applicationConfig.authority, authCallback, { cacheLocation: 'localStorage'}); 
 
clientApplication.loginRedirect(applicationConfig.b2cScopes)