説明
グラフィカルユーザーインターフェイス、テキスト、アプリケーションの説明が自動的に生成されます

ボックス1：loginPopup
ボックス2：acquireTokenSilent
MSAL.jsを使用してAPIのトークンを取得するためのパターンは、acquireTokenSilentメソッドを使用して最初にサイレントトークン要求を試行することです。このメソッドが呼び出されると、ライブラリは最初にブラウザストレージのキャッシュをチェックして、有効なトークンが存在するかどうかを確認し、それを返します。キャッシュに有効なトークンがない場合、非表示のiframeからAzure Active Directory（Azure AD）にサイレントトークン要求を送信します。このメソッドを使用すると、ライブラリでトークンを更新することもできます。
ボックス3：acquireTokenPopup
// AcquireTokenの失敗。インタラクティブなリクエストを送信します。
例：
userAgentApplication.loginPopup（applicationConfig.graphScopes）.then（function（idToken）{
//ログインの成功
userAgentApplication.acquireTokenSilent（applicationConfig.graphScopes）.then（function（accessToken）{
// AcquireTokenの成功
updateUI（）;
}、関数（エラー）{
// AcquireTokenの失敗。インタラクティブなリクエストを送信します。
userAgentApplication.acquireTokenPopup（applicationConfig.graphScopes）.then（function（accessToken）{updateUI（）;
}、関数（エラー）{
console.log（エラー）;
}）;
}）
}、関数（エラー）{
console.log（エラー）;
}）;
参照：https：//github.com/AzureAD/microsoft-authentication-library-for-js/issues/339