如何通过Google One Tap检查用户是否登录Google账号（原相关包已废弃）

方法一：利用One Tap自动检测机制 #

初始化Google One Tap后，它会自动检测当前用户的Google登录状态：

• 若用户已登录Google且完成过授权，One Tap会自动触发配置的回调函数，返回用户凭据，此时即可判定用户已登录。
• 若用户未登录或未授权，则不会触发自动回调，或弹出登录提示框。

示例代码：

google.accounts.id.initialize({
  client_id: '你的客户端ID',
  callback: handleCredentialResponse
});

function handleCredentialResponse(response) {
  // 收到响应说明用户已登录并授权
  console.log('用户已登录，凭据：', response.credential);
  // 建议将凭据发送到后端验证，确认用户身份合法性
}

// 触发One Tap登录提示
google.accounts.id.prompt();

方法二：主动验证登录状态 #

如果需要主动检查而非依赖自动回调，可通过以下方式：

• 读取本地存储标识：用户登录成功后，将验证后的会话标识或用户信息存到localStorage/sessionStorage，后续页面加载时直接读取判断。
• 后端会话校验：前端向后端发起请求，后端通过存储的用户会话或Google令牌验证接口，确认用户是否处于登录状态（这是最安全的方式）。
• 检查授权状态：使用google.accounts.id.hasGrantedScopes()方法，检查用户是否已授予指定权限，间接判断登录状态（仅适用于已授权过的用户）：

const hasGrantedAccess = google.accounts.id.hasGrantedScopes({
  client_id: '你的客户端ID',
  scope: 'email profile'
});

if (hasGrantedAccess) {
  console.log('用户已登录并授权');
} else {
  console.log('用户未登录或未授权');
}

关键提示 #

• 前端的状态判断仅作快速参考，最终的登录有效性必须在后端完成验证，通过官方接口校验Google凭据的真实性，防止前端伪造状态。
• 可通过调整One Tap的配置参数（如auto_select: true），让已登录用户自动完成授权流程，无需手动操作。

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