我们正在使用 MSAL.js 对 Azure AD B2C 实例的用户进行身份验证。用户可以使用本地帐户或使用来自另一个 Azure Active Directory 实例的凭据登录。
登录后,我们的 SPA 使用 acquireTokenSilent 获取访问令牌,并回退到 acquireTokenPopup。
我们注意到的是,当acquireTokenSilent 超时时,仍可能在后台检索token,并用token 更新应用程序本地存储。但是,在应用程序中,我们继续调用了 acquireTokenPopup。用户在acquireTokenPopup 中输入他们的凭据后,弹出窗口会显示“Bad Request”。用户可以关闭弹出窗口,如果他们刷新应用程序,他们现在将登录。
对于我们的用户来说,这种体验并不是很好的体验。
只是想知道这是一个已知问题还是预期行为?
这是我们代码的相关摘录。我们将 UserAgentApplication 包装在 MsalAuthenticationManager 对象中。
function getMsalAuthenticationManager(authority: IMSALAuthorityConfig): IMsalAuthenticationManager {
return new MsalAuthenticationManager(
appConfig.msal.clientId,
authority.signUpOrSignInAuthority,
authority.passwordResetAuthority,
{
loadFrameTimeout: 15000,
endPoints: endPointsMap,
cacheLocation: appConfig.msal.cacheLocation // localStorage
}
);
}
// MsalAuthenticationManager constructor
constructor(
private applicationId: string,
authority?: string,
authorityForPasswordReset?: string,
msalOptions?: IMsalOptions
) {
var onTokenReceived = authorityForPasswordReset
? (errorDesc: string, token: string, error: string, tokenType: string) => {
// When the user clicks on the forgot password link, the following error is returned to this app.
// In this case we need to re-instantiate the UserAgentApplication object with the Password Reset policy.
if (errorDesc && errorDesc.indexOf("AADB2C90118") > -1) {
this._msal = new UserAgentApplication(
applicationId,
authorityForPasswordReset,
onTokenReceived,
msalOptions
);
this.signIn();
}
}
: (errorDesc: string, token: string, error: string, tokenType: string) => {};
this._msal = new UserAgentApplication(applicationId, authority, onTokenReceived, msalOptions);
this.acquireToken = this.acquireToken.bind(this);
this.signIn = this.signIn.bind(this);
this.signOut = this.signOut.bind(this);
this.getResourceForEndpoint = this.getResourceForEndpoint.bind(this); // Gets the scope for a particular endpoint
this.acquireToken = this.acquireToken.bind(this);
}
public acquireToken(scopes: string[]): Promise<string> {
return new Promise((resolve, reject) => {
this._msal
.acquireTokenSilent(scopes)
.then((accessToken: string) => resolve(accessToken))
.catch((acquireTokenSilentError: string) => {
this._msal
.acquireTokenPopup(scopes)
.then((accessToken: string) => resolve(accessToken))
.catch((acquireTokenPopupError: string) => reject(acquireTokenPopupError));
});
});
}