时间戳

首页 > 解决方案 > Angular Msal 访问令牌检索

angular - Angular Msal 访问令牌检索

问题描述

我一直在尝试从 Angular 中的 MSAL 获取访问令牌，但似乎让自己陷入困境，并希望有人能弄清楚这样做的正确过程。

我目前正在使用以下内容尝试获取令牌。

 this.msal.acquireTokenSilent({ scopes }).then((response) => {
                console.log(response.accessToken);
            });
        }, (error) => {
            if (error instanceof ClientAuthError) {
                this.msal.loginRedirect({ scopes });
            }
            if (error instanceof InteractionRequiredAuthError) {
                this.msal.acquireTokenRedirect({ scopes });
            }
            if (error instanceof HttpErrorResponse && error.status === 401) {
                this.msal.acquireTokenRedirect({ scopes });
            }
        });

如果您登录到 Azure，这将有效，但是如果您未登录，则它会落入 ClientAuthError 并将您重定向到登录。登录后，您将被重定向到原始页面，需要再次单击相同的登录按钮。

有没有办法在登录时获取访问令牌，而不是必须登录然后调用acquireTokenSilent？

标签： angularmsal

解决方案

在 msal js 中，默认情况下，如果您调用 acquiretokenredirect，它会执行第二次重定向。这将使您在第二次重定向时丢失“令牌”。您可以做的是通过在身份验证配置中将“navigateToLoginRequestUrl”设置为 false 来阻止它进行第二次重定向。那么您应该能够获取令牌并使用它。

推荐阅读