Chrome打包应用OAuth2切换YouTube用户仍显示旧用户数据问题

这个问题我之前帮开发者排查过好几次，核心原因就是Chrome的chrome.identity API默认会缓存已获取的OAuth2令牌，切换用户时如果不主动清理旧缓存，API会直接返回之前的令牌，自然拿到的还是前一位用户的频道数据。给你几个具体的解决步骤：

第一步：切换用户前主动清除旧令牌 #

在调用新的getAuthToken之前，必须先移除缓存里的旧令牌，强制API重新触发用户授权流程。你可以先通过非交互式调用获取当前缓存的令牌，再移除它：

// 先尝试获取当前缓存的令牌（非交互式，避免弹窗）
chrome.identity.getAuthToken({ interactive: false }, function(token) {
  if (token) {
    // 移除缓存的旧令牌
    chrome.identity.removeCachedAuthToken({ token: token }, function() {
      // 现在重新获取新用户的令牌
      chrome.identity.getAuthToken({ 
        interactive: true, 
        scopes: ['https://www.googleapis.com/auth/youtube'] 
      }, function(newToken) {
        // 用newToken调用YouTube频道接口
        fetchChannelData(newToken);
      });
    });
  } else {
    // 没有缓存令牌，直接获取新的
    chrome.identity.getAuthToken({ 
      interactive: true, 
      scopes: ['https://www.googleapis.com/auth/youtube'] 
    }, function(newToken) {
      fetchChannelData(newToken);
    });
  }
});

// 封装的YouTube频道数据获取函数
function fetchChannelData(token) {
  fetch('https://www.googleapis.com/youtube/v3/channels?part=snippet%2CcontentDetails%2Cstatistics&mine=true', {
    headers: { 'Authorization': 'Bearer ' + token }
  })
  .then(res => res.json())
  .then(data => {
    console.log('当前用户频道数据:', data);
    // 处理数据逻辑
  });
}

第二步：验证令牌对应的用户身份 #

为了彻底避免串号问题，建议在获取新令牌后，先调用Google的用户信息接口验证当前令牌所属的用户，确认无误后再调用YouTube接口：

fetch('https://www.googleapis.com/oauth2/v1/userinfo?alt=json', {
  headers: { 'Authorization': 'Bearer ' + newToken }
})
.then(response => response.json())
.then(userInfo => {
  console.log('当前授权用户:', userInfo.email, userInfo.name);
  // 可以在这里做用户身份校验，比如和预期的用户邮箱比对
  fetchChannelData(newToken);
});

额外注意：检查Manifest配置 #

确保你的Chrome打包应用manifest.json里的oauth2配置正确，尤其是client_id和所需权限范围：

"oauth2": {
  "client_id": "你的应用客户端ID",
  "scopes": [
    "https://www.googleapis.com/auth/youtube",
    "https://www.googleapis.com/auth/userinfo.email" // 用于验证用户身份的可选权限
  ]
}

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