Ionic3+Firebase/AngularFire2认证：用户自动登出（登录不持久）问题咨询

结合你用Ionic3开发商用APP的场景，这种iOS端随机出现的24小时后自动登出、登录状态无法持久化的问题，我之前在多个项目里遇到过，大多和Firebase Auth的持久化配置、iOS WebView特性以及令牌刷新机制有关，给你几个针对性的排查和解决步骤：

1. 强制设置Firebase Auth的持久化策略 #

Firebase Auth默认会根据运行环境自动选择持久化方式，但在iOS的WebView（不管是UIWebView还是WKWebView）里，这个自动选择可能出问题——比如 fallback到会话级持久化，导致APP关闭或闲置后凭证丢失。

你需要在初始化Auth的时候明确指定本地持久化，代码示例：

import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';

constructor(private afAuth: AngularFireAuth) {
  // 在登录前先设置持久化策略
  this.afAuth.auth.setPersistence(firebase.auth.Auth.Persistence.LOCAL)
    .then(() => {
      // 这里执行你的登录逻辑（比如邮箱密码登录、第三方登录）
      return this.afAuth.auth.signInWithEmailAndPassword(email, password);
    })
    .catch(err => {
      console.error('持久化设置或登录失败:', err);
    });
}

LOCAL类型会把用户凭证存在设备本地存储里，即使用户重启APP、过了几周也应该保持登录状态，除非用户主动登出或者凭证被系统/用户清除。

2. 优化iOS WKWebView的存储配置 #

如果你的Ionic3项目用了WKWebView（现在推荐的WebView引擎），它对本地存储的处理和旧的UIWebView有差异，容易出现凭证被清理的情况：

• 在config.xml里添加以下配置，确保本地存储数据不会被系统随意清理，且允许iCloud备份：

<!-- 强制使用WKWebView -->
<preference name="WKWebViewOnly" value="true" />
<!-- 允许本地存储数据被iCloud备份，避免系统清理 -->
<preference name="BackupWebStorage" value="local" />
<!-- 增加WKWebView的存储配额 -->
<preference name="WKWebViewConfiguration" value='{"limitsNavigationsToAppBoundDomains":true,"preferences":{"minimumFontSize":10}}' />

• 提醒用户不要手动清除APP的“网站数据”（iOS设置 -> 你的APP -> 网站数据），这会直接删除Firebase存在本地的Auth凭证。

3. 排查令牌自动刷新的问题 #

Firebase的ID令牌默认1小时过期，但Refresh Token会自动刷新ID令牌以维持登录状态。如果Refresh Token失效、网络问题或者APP在后台被限制，就会导致登录状态丢失：

• 手动监听令牌刷新的错误，方便排查问题：

this.afAuth.auth.onAuthStateChanged(user => {
  if (user) {
    // 强制刷新令牌，检查是否能正常获取新令牌
    user.getIdToken(true)
      .then(token => console.log('令牌刷新成功:', token))
      .catch(err => {
        console.error('令牌刷新失败，可能导致登出:', err);
        // 这里可以考虑给用户提示，或者引导重新登录
      });
  }
});

• 检查Firebase控制台的Auth -> 日志，筛选登出事件，查看具体原因（比如INVALID_REFRESH_TOKEN、TOKEN_EXPIRED），这些日志能帮你定位是凭证问题还是配置问题。

4. 处理Ionic APP的后台/前台切换状态 #

iOS会在APP后台长时间运行时挂起进程，可能导致Firebase的连接断开，当APP回到前台时，AngularFire2的authState可能无法及时恢复登录状态：

在app.component.ts里监听APP的激活事件，手动触发状态检查：

import { Platform } from 'ionic-angular';

constructor(private platform: Platform, private afAuth: AngularFireAuth) {
  this.platform.ready().then(() => {
    // 监听APP从后台回到前台
    this.platform.resume.subscribe(() => {
      // 手动验证当前用户状态
      const currentUser = this.afAuth.auth.currentUser;
      if (currentUser) {
        currentUser.getIdToken(true)
          .catch(() => {
            // 令牌失效，用户需要重新登录
            this.afAuth.auth.signOut();
            // 跳转到登录页
          });
      }
    });
  });
}

5. 针对随机现象的排查技巧 #

因为问题是随机的，有的用户几周都没问题，有的24小时就登出，你可以从这几个方向收集信息：

• 统计出现问题的用户的iOS版本（比如iOS 14/15和iOS 16+的差异），不同版本的WKWebView行为可能不同；
• 询问用户是否开启了低电量模式，低电量模式下系统会限制APP的后台活动，导致令牌刷新失败；
• 检查用户的设备存储空间是否不足，存储空间不足时系统会自动清理APP的本地数据。

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