Aurelia应用中ADAL JS的acquireToken在token过期1小时后失效

嘿，我看你在Aurelia应用里用ADAL JS做身份验证时碰到了token续期的麻烦——明明设置了5分钟的检查间隔，结果token过期1小时后所有API还是报401错误。你执行代码后抛出的错误截图如下：

咱们先来拆解下你代码里的问题，再给你靠谱的修复方案：

问题出在哪？ #

你当前的定时任务代码有两个关键误区：

• handleWindowCallback()不该在定时任务里反复调用：这个方法是用来处理ADAL登录/续期后重定向回应用时的URL回调参数的，只需要在应用启动时调用一次就行。反复调用它会让ADAL不断解析URL，一旦URL里没有有效回调信息，很可能会把当前有效的token状态搞乱，这大概率是你401错误的元凶。
• 手动定时调用acquireToken是画蛇添足：ADAL JS的acquireToken方法本身就自带自动续期逻辑——如果当前token没过期就直接返回，过期了会自动尝试静默续期，根本不需要你手动定时触发。

看看你这段代码：

window.setInterval(function(){ 
  self.authorizeStep.authContext.adal.acquireToken(self.authorizeStep.authContext.adal.config.clientId, (x)=> { console.log('acquiretoken callback hit!') }) 
  self.authorizeStep.authContext.adal.handleWindowCallback(); 
},50*1000)

反复执行handleWindowCallback()绝对是帮倒忙，赶紧把它从定时任务里挪出去。

修复步骤 #

• 把handleWindowCallback()移到应用初始化阶段：只在应用启动时调用一次这个方法，比如放在app.js的activate生命周期钩子中：

  activate() {
    // 仅在应用启动时处理登录/续期后的回调
    self.authorizeStep.authContext.adal.handleWindowCallback();
  }
  

• 让ADAL自动管理token续期：每次调用API前，先调用acquireToken获取有效token——ADAL会自动判断是否需要续期，完全不用你操心定时：

  // 封装API调用方法，每次请求前获取有效token
  async callProtectedApi(endpoint) {
    try {
      const token = await new Promise((resolve, reject) => {
        self.authorizeStep.authContext.adal.acquireToken(
          self.authorizeStep.authContext.adal.config.clientId,
          (error, token) => {
            error ? reject(error) : resolve(token);
          }
        );
      });
  
      // 携带token发起API请求
      const response = await fetch(endpoint, {
        headers: {
          'Authorization': `Bearer ${token}`
        }
      });
  
      if (!response.ok) throw new Error('API请求失败');
      return response.json();
    } catch (error) {
      // 处理续期失败的情况，比如引导用户重新登录
      console.error('Token获取失败:', error);
      self.authorizeStep.authContext.adal.login();
    }
  }
  

• 优化ADAL配置确保静默续期正常工作：检查你的ADAL配置，开启持久化缓存并设置合理的超时参数：

  const adalConfig = {
    clientId: '你的客户端ID',
    redirectUri: window.location.origin,
    cacheLocation: 'localStorage', // 用localStorage持久化token，避免页面刷新丢失
    postLogoutRedirectUri: window.location.origin,
    silentRequestTimeout: 30000 // 静默续期请求超时时间，单位毫秒
  };
  

额外提醒 #

• 确保ADAL实例是单例：不要在多个组件里重复创建authContext，否则会导致token缓存不一致，续期逻辑混乱。
• 升级ADAL版本：如果用的是旧版ADAL JS，可能存在静默续期的bug，建议升级到最新稳定版。
• 处理浏览器限制：如果用户长时间未操作，浏览器的第三方Cookie限制可能导致静默续期失败，这时候要捕获错误并引导用户手动登录。

按照这个方案调整后，ADAL就能自动帮你搞定token续期，不会再出现1小时后API调用失败的问题啦。

内容的提问来源于stack exchange，提问作者praval