将MSAL与React一起使用,acquireTokenSilent会导致应用刷新并失败

时间:2017-08-16 13:45:58

标签: javascript reactjs msal

我在使MSAL(x)工作时遇到问题 - 登录弹出成功,但当我尝试使用acquireTokenSilent从id令牌检索和访问令牌时,它会导致应用重新加载(所有资源,每个开发工具网络选项卡),并抛出错误'令牌更新操作因超时失败:null'。我搜索了相关的SO问题/谷歌,但没有找到类似的问题。疯狂的是,它在前几天工作并且刚刚停止 - 即使恢复到相同的代码也无法解决问题。

在silent的错误处理程序中使用acquireTokenPopup会显示一个弹出窗口,但不允许使用相同的用户登录(“我们无法识别此域名”),但会显示正确的MS App名称。这让我发疯了。

相关代码(在React组件点击处理程序中):

onMSLogin() {
    const {  msLoginFailure } = this.props;
    const userAgentApplication = this.userAgentApplication;
    userAgentApplication.loginPopup(['user.read'])
      .then(function () {
        console.log('User login success');
        const scopes = ['User.Read'];
        userAgentApplication.acquireTokenSilent(scopes).then((accessToken) => {
          console.log('Access token acquired (silent): ', accessToken);
          this.getGraphData(accessToken);
        }, (error) => {
          console.error('Silent token fail: ', error);
          userAgentApplication.acquireTokenPopup(scopes).then((accessToken) => {
            console.log('Access token acquired (popup): ', accessToken);
          });
        })
      }, function (error) {
        // handle error
        console.log('MS Login Failure: ', error);
        if (msLoginFailure) msLoginFailure(error);
      });
}

1 个答案:

答案 0 :(得分:0)

我认为您的问题与MSAL.js Issue #106有关,并且已在“开发”中修补。科。过去几周我一直在这个图书馆与微软合作,我被告知本周将正式发布正式版本。