Flutter使用Firebase Auth REST API切换Tab时自动登出问题求助

问题根因排查 #

• 最核心的问题是Auth类的login方法逻辑不完整：调用Firebase登录接口拿到响应后，你没有解析响应数据赋值给_token、_userId，也没有调用notifyListeners()通知状态更新，登录成功后认证状态实际没有被正确保存，只要页面触发重建就会识别为未登录。
• 认证状态仅保存在内存中：当前_token、_userId都只存在类的内存属性里，只要App切后台被系统回收资源、Widget树重建、或者Provider实例被重新创建，状态就会丢失。
• Provider注册位置错误：如果你的Auth Provider是在单个标签页/子页面层级注册的，不同标签页之间的Provider状态不共享，切换标签时就会丢失登录状态。
• 缺少token过期处理逻辑：Firebase返回的idToken默认有效期仅1小时，没有自动刷新逻辑的话，到期后也会触发登出。

修复方案 #

1. 补全login方法逻辑 #

把login方法调整为和signup一致的响应解析逻辑：

Future<void> login(String email, String password) async {
  final url = Uri.parse( 'https://...myurl...' );
  try {
    final response = await http.post(
      url, 
      body: json.encode(
        {
          'email': email,
          'password':password,
          'returnSecureToken': true,
        },
      ),
    );
    // 新增响应解析逻辑
    final responseData = json.decode(response.body);
    if(responseData['error'] != null){
      throw Exception();
    }
    _token = responseData['idToken'];
    _userId = responseData['localId'];
    // 可额外保存expiresIn、refreshToken用于后续token刷新
    notifyListeners();
  }  catch (error) {
    throw error;
  } 
}

2. 增加认证状态持久化 #

使用shared_preferences把token、userId、过期时间、refreshToken存储到本地，App启动时先读取本地存储的认证信息恢复状态，避免内存丢失就触发登出。

3. 调整Provider注册位置 #

确保Auth Provider是在MaterialApp的父层级全局注册，保证所有页面、标签页共享同一个Provider实例：

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (ctx) => Auth(),
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // 你的App配置
    );
  }
}

4. 补充token自动刷新逻辑 #

存储Firebase返回的expiresIn（有效期秒数）和refreshToken，每次获取token时先判断是否过期，过期后用refreshToken调用Firebase刷新接口获取新的idToken，无需用户重新登录。

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