Web端Google登录：新API下如何检查用户是否已登录

1. 自动获取已登录用户凭据 #

初始化GSI客户端时配置回调函数，页面加载后触发prompt方法。如果用户此前已完成登录授权且会话未过期，会自动触发回调并返回用户凭据，据此判断登录状态：

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

function handleCredentialResponse(response) {
  // 进入此回调即表示用户已登录并授权
  const userInfo = JSON.parse(atob(response.credential.split('.')[1]));
  console.log('当前登录用户:', userInfo);
  // 可执行后续登录态相关逻辑
}

// 触发登录状态检查
google.accounts.id.prompt();

2. 检查权限授予状态 #

使用google.accounts.id.hasGrantedScopes方法，判断用户是否已授予你所需的权限范围，间接验证登录状态：

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

const isLoggedIn = google.accounts.id.hasGrantedScopes({
  client_id: '你的客户端ID',
  scope: 'email profile' // 替换为你实际申请的权限范围
});

if (isLoggedIn) {
  // 用户已登录并授权
} else {
  // 用户未登录或未授权，可引导完成登录流程
}

3. 后端会话验证（安全推荐） #

前端状态检查存在被篡改的风险，更可靠的方式是：

• 前端获取credential后提交给后端
• 后端解析并验证凭据，生成并存储用户会话（如Cookie或Token）
• 后续用户请求时，后端检查会话有效性来确认登录状态

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