保持用户登录

Question

我正在创建一个 Ionic 应用程序（iOS 和带有电容器的 Android）。 我将 Firebase Auth 添加到我的应用程序中，但每次退出应用程序时，我都需要重新登录。

我看到了这个，但是没有太多的文档，我试过了，但是没有用。 我不确定我是否正确使用了它或在正确的位置添加了代码。https://firebase.google.com/docs/auth/web/manage-users?hl=en

我想过将用户信息保存在本地存储中，当应用程序加载时，检查是否有数据，如果有，将用户移动到主屏幕，否则，显示登录屏幕。 但我不确定这是否是一个好习惯。

这就是我签署用户的方式：

  async googleSignIn() {
    let googleUser = await Plugins.GoogleAuth.signIn();
    let credential = firebase.auth.GoogleAuthProvider.credential(googleUser.authentication.idToken);

    
    let userCredential = await this.afAuth.signInWithCredential(credential);
    return userCredential;
  }

我尝试使用我在 app.component.ts 的文档中看到的内容，如下所示：

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import firebase from 'firebase/app';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss'],
})

export class AppComponent {
  rootPage: 'login';
  constructor(private router: Router) { 
    firebase.auth().onAuthStateChanged((user) => {
      if(user) {
        this.router.navigate(['home']);
      } else { 
        this.router.navigate(['login']);
      }
    });
  }
}

似乎它没有“连接”到任何东西，但我找不到太多信息。

Answer 1

Firebase Authentication 可以自动持久化用户的认证 state，并在应用重启/页面重新加载时恢复。 但在某些环境中，默认情况下不启用此功能，您必须自己配置它，如auth state persistence文档中所示。 这应该采取以下形式：

firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL)

之后，您的onAuthStateChanged应该开始工作。

另见：

• Ionic 论坛上 Ionic 4 App 上 firebase 身份验证的持久性
• 这些搜索firebase auth persistence ionic的结果。