You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native+Expo安卓应用Supabase Google Auth登录后Session不更新

React Native + Expo + Supabase Google Auth Session 不更新问题解决

以下是针对你遇到的Google登录后Supabase Session未更新问题的排查和解决步骤:

1. 优先排查Supabase客户端实例不一致问题

你的App组件中导入Supabase实例的路径是./lib/supabase,但登录按钮组件中导入的是../hooks/supabase——这会导致两个独立的Supabase客户端实例,onAuthStateChange监听的是App组件里的实例,而登录操作是在另一个实例上执行的,自然不会触发session更新。

解决:
统一所有组件的Supabase实例导入路径,确保全项目只使用一个客户端实例。比如把登录按钮组件的导入改为:

import { supabase } from '../lib/supabase'

(根据你的项目目录结构调整路径,保证和App组件的导入路径指向同一个文件)

2. 修复Google Signin配置时机

你在登录按钮组件内部每次渲染都会执行GoogleSignin.configure,这可能导致配置冲突,影响后续的token验证。

解决:
将GoogleSignin.configure移到组件外部,确保只执行一次:

import {
  GoogleSignin,
  GoogleSigninButton,
  statusCodes,
} from '@react-native-google-signin/google-signin'
import { supabase } from '../lib/supabase'
import { Pressable } from 'react-native'
import AntDesign from '@expo/vector-icons/AntDesign';

const webClientId = process.env.EXPO_PUBLIC_GOOGLE_AUTH_ANDROID_CLIENT_ID

// 移到组件外部,全局只配置一次
GoogleSignin.configure({
  scopes: ['https://www.googleapis.com/auth/drive.readonly'],
  webClientId: webClientId,
})

export default function GoogleSigninButtonAndroid () {
  // 剩余代码保持不变
}

3. 检查signInWithIdToken的返回值

你的代码中已经打印了error和data,登录后务必查看这个输出:

console.log(error, data)

如果error不为null,根据错误信息定位问题:

  • invalid_token:可能是idToken已过期、签名无效,或者Google Cloud生成的Android Client ID未正确添加到Supabase的Google Auth提供者中;
  • invalid_request:可能是OAuth同意屏幕未配置测试用户(测试状态下必须添加),或者授权域名填写错误;
  • 其他错误:根据错误提示对应调整配置。

4. 重新核对SHA1和包名

  • 重新运行cd android && ./gradlew signingReport,复制Debug版本的SHA1值,到Google Cloud Console的Android OAuth Client ID页面,确认SHA1完全匹配(注意不要复制Release版本的SHA1);
  • 确认app.json中android.package的包名,与Google Cloud里Android Client ID的包名完全一致(大小写、字符都要匹配)。

5. 检查OAuth同意屏幕配置

  • 如果你的Google OAuth同意屏幕处于测试状态,必须将用于登录的Google账号添加到「测试用户」列表中,否则会验证失败;
  • 确认授权域名中已添加你的Supabase项目URL(格式为https://<your-project-id>.supabase.co),没有拼写错误。

6. 清理缓存并重新构建

每次修改配置后,执行以下命令清理缓存并重新构建应用:

npx expo prebuild --clean
npx expo run:android

同时,测试前先清除App数据,避免旧缓存干扰。


内容的提问来源于stack exchange,提问作者Francesco Russo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 17:04:53