Angular中Firebase getRedirectResult()在ngOnInit中无法解析的问题

1. 核心逻辑错误：重定向后的代码执行问题 #

你的onLogin方法中，调用loginWithGoogle（重定向登录）后，后续的await loading.dismiss()和if (user)判断完全不会执行——因为重定向会导致当前页面刷新，原页面的代码生命周期直接终止。这会导致用户完成Google登录返回后，原页面的错误提示可能被错误触发，同时正确的登录状态判断完全依赖ngOnInit中的逻辑。

修复方法：
修改onLogin中Google登录的分支逻辑，移除不必要的user判断和错误提示，因为重定向后的状态会在页面刷新后的ngOnInit中处理：

async onLogin(isGoogleLogin) {
  const loading = await this.loadingController.create();
  await loading.present();
  if (isGoogleLogin) {
    try {
      await this.authService.loginWithGoogle();
      // 重定向后当前页面会刷新，后续代码不会执行
    } catch (err) {
      await loading.dismiss();
      this.utilService.showErrorToast('Login error', 'Failed to initiate Google login');
    }
  } else {
    let user;
    try {
      user = await this.authService.login(this.credentials.value);
      await loading.dismiss();
      if (user) {
        this.buildNavPathAndNav();
      } else {
        this.utilService.showErrorToast('Login error', 'Login failed, please try again');
      }
    } catch (err) {
      await loading.dismiss();
      this.utilService.showErrorToast('Login error', err.message);
    }
  }
}

2. 依赖getRedirectResult的局限性 #

getRedirectResult()只能在重定向后的首次页面加载中获取结果，如果页面发生二次刷新、或者Auth会话状态丢失（比如移动端WebView的缓存/隐私设置），就会返回{credential: null, user: null}。移动端由于WebView的特性，这个问题更突出。

修复方法：
结合onAuthStateChanged监听作为 fallback，确保能捕获到所有Auth状态变化，而不仅仅是重定向后的一次性结果。修改getRedirectLoginResult函数：

async getRedirectLoginResult() {
  const loading = await this.loadingController.create();
  await loading.present();

  try {
    // 先尝试获取重定向结果
    const redirectResult = await this.afAuth.getRedirectResult();
    if (redirectResult.user) {
      await this.dataService.setCurrentUser(redirectResult.user);
      await loading.dismiss();
      return redirectResult.user;
    }

    // 如果重定向结果为空，监听Auth状态（处理会话恢复或延迟加载的情况）
    return new Promise((resolve) => {
      const unsubscribe = this.afAuth.onAuthStateChanged(async (user) => {
        unsubscribe(); // 只监听一次
        if (user) {
          await this.dataService.setCurrentUser(user);
          await loading.dismiss();
          resolve(user);
        } else {
          await loading.dismiss();
          resolve(null);
        }
      });
    });
  } catch (err) {
    await loading.dismiss();
    console.error('Redirect result error:', err);
    return null;
  }
}

3. 移动端配置问题 #

如果你的项目是基于Capacitor/Cordova的移动端应用，需要确保Firebase Auth的重定向URI配置正确：

• 检查Firebase控制台中，Authentication > Sign-in method > Google的授权域名是否包含移动端的自定义Scheme（比如capacitor://localhost或者你的应用自定义Scheme）
• 确保在capacitor.config.ts中配置了正确的OAuth重定向路径，并且在Android/iOS的配置文件中注册了对应的Scheme

4. 会话持久化设置 #

移动端浏览器/WebView可能会默认清除会话存储，导致Auth状态丢失。可以在Auth初始化时设置持久化策略：

// 在AuthService的初始化方法中添加
await this.afAuth.setPersistence(firebase.auth.Auth.Persistence.LOCAL);

LOCAL持久化会将Auth状态存储在本地存储中，即使页面刷新或应用重启也能保留。

5. 避免路由干扰 #

确保Angular的路由守卫不会在重定向完成前触发导航。比如，如果有AuthGuard检查用户状态，需要确保它等待getRedirectLoginResult完成后再判断用户是否登录。

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