如何在Ionic+Firebase登录功能中判断用户是否完成Profile设置？

好问题！这个场景在用户身份验证流程里太常见了，结合你用的Ionic+Firebase技术栈，我给你推荐最贴合的实现方案——利用Firebase Firestore（或实时数据库）来存储用户的Profile状态，这比在本地模型加字段要可靠得多，也是Firebase生态下的标准做法。

核心思路 #

Firebase Auth的用户记录只适合存储身份相关的基础信息（邮箱、UID等），不适合存放业务层面的Profile状态。所以我们可以：

1. 当用户完成Profile设置后，在Firestore中创建一个以用户UID为唯一ID的文档（比如users/{uid}），存储用户的Profile信息；
2. 用户登录成功后，立即查询Firestore中是否存在该UID对应的Profile文档；
3. 根据查询结果跳转对应页面：存在则跳HomePage，不存在则跳ProfileSetupPage。

具体代码修改 #

首先，你需要导入并注入AngularFirestore：

// 在LoginPage的导入部分新增
import { AngularFirestore } from 'angularfire2/firestore';

// 构造函数中注入
constructor(
  private afAuth : AngularFireAuth, 
  public navCtrl: NavController, 
  public alertCon: AlertController,
  private afs: AngularFirestore // 新增Firestore实例
) { }

然后修改你的onLogin函数，加入Profile状态判断逻辑：

async onLogin(user: User){
  try {
    // 执行登录验证
    const authRes = await this.afAuth.auth.signInWithEmailAndPassword(user.email, user.password);
    const currentUid = authRes.user.uid;

    // 查询Firestore中是否存在该用户的Profile文档
    const profileSnapshot = await this.afs.doc(`users/${currentUid}`).get().toPromise();

    // 根据查询结果跳转页面
    if (profileSnapshot.exists) {
      this.navCtrl.setRoot(HomePage);
    } else {
      this.navCtrl.setRoot(ProfileSetupPage);
    }
  } catch (err) {
    let msg;
    switch (err.code){
      case "auth/wrong-password":
        msg = "Email or Password is incorrect";
        break;
      case "auth/user-not-found":
        msg = "User not found"
        break;
      case "auth/invalid-email":
        msg = "Oops! Invalid email. Please try again"
        break;
      default:
        msg = "An error occurred. Please try again later.";
    }
    // 用你现有的AlertController显示错误，避免全局alert()的兼容性问题
    const errorAlert = this.alertCon.create({
      title: 'Login Error',
      subTitle: msg,
      buttons: ['Got it']
    });
    errorAlert.present();
  }
}

补充说明 #

• 当用户在ProfileSetupPage完成设置后，记得调用Firestore的set方法创建users/{uid}文档，比如：

  // 在ProfileSetupPage中完成设置后执行
  await this.afs.doc(`users/${this.currentUser.uid}`).set({
    // 这里填入用户的Profile信息，比如name、avatar等
    name: userInputName,
    avatarUrl: userAvatarUrl
  });
  

• 为什么不推荐本地模型加布尔字段？因为本地存储的状态不可靠，用户清除缓存、更换设备后状态会丢失，必须依赖后端数据库来持久化存储。
• 如果你没有用Firestore，用Firebase实时数据库也是一样的逻辑，只是查询API略有不同。

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