Google Sign-In for Web迁移后如何替代reloadAuthResponse检查登录状态？

在迁移到Google Identity Services (GIS)后，你可以通过以下方式替代原有的reloadAuthResponse()方法，实现应用重启时的登录状态检查与ID令牌获取：

核心思路 #

利用GIS的OAuth 2.0令牌客户端，通过静默请求获取用户的ID令牌：

• 如果用户仍在Google登录且已授权你的应用，会自动返回新的ID令牌
• 如果用户已登出或未授权，会触发错误，此时可处理登出逻辑

实现代码 #

1. 初始化令牌客户端 #

在页面加载完成后，先初始化令牌客户端（替换你的客户端ID）：

// 加载GIS库后执行
google.accounts.oauth2.initTokenClient({
  client_id: '你的Google客户端ID',
  scope: 'openid email profile', // ID令牌所需的基础范围
  callback: handleTokenResponse,
});

function handleTokenResponse(tokenResponse) {
  if (tokenResponse.error) {
    // 处理未登录/未授权情况
    if (tokenResponse.error === 'login_required' || tokenResponse.error === 'access_denied') {
      // 用户已登出或拒绝授权，执行登出逻辑
      console.log('用户未登录或需重新授权');
      // 比如重置应用登录状态、跳转登录页等
    }
    return;
  }

  // 成功获取ID令牌，更新应用状态
  const idToken = tokenResponse.id_token;
  console.log('获取到新的ID令牌:', idToken);
  // 后续逻辑：验证令牌、更新用户信息等
}

2. 应用重启时触发状态检查 #

在应用初始化（比如页面刷新后、单页应用路由初始化时）调用静默请求：

function checkPersistentLogin() {
  // 静默请求令牌，不弹出授权窗口
  google.accounts.oauth2.getTokenClient().requestAccessToken({prompt: ''});
}

// 应用启动时执行
checkPersistentLogin();

补充说明 #

• prompt: '' 参数确保请求是静默的，不会弹出登录/授权弹窗，完全符合原reloadAuthResponse()的无交互特性
• 若你不需要获取用户的邮箱、头像等信息，scope仅保留openid即可（ID令牌的核心范围）
• 你可以通过验证ID令牌的有效性（在后端或前端）来确保令牌未过期或被篡改

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