Firebase用户数据绑定问题：认证已实现，但表单数据未关联登录用户

嘿，我明白你的问题了——你已经能把表单数据推送到Firebase，但这些数据还没和当前登录的用户绑定起来，对吧？这是Firebase开发里非常常见的场景，咱们一步步来把它搞定。

问题根源分析 #

你当前的代码里没有获取当前登录用户的唯一UID，也没有用这个UID作为数据库节点的标识，所以数据是独立存储的，和用户没有关联关系。Firebase里每个认证用户都会有一个独一无二的uid，咱们要做的就是把用户数据和这个uid绑定在一起。

解决方案：修改代码绑定用户数据 #

下面是调整后的ProfilePage代码，我会在关键部分加上注释：

export class ProfilePage { 
  profileData: AngularFireObject<Profile>;
  profile = {} as Profile;
  private currentUserUid: string; // 存储当前登录用户的UID

  constructor(
    private afAuth: AngularFireAuth, 
    private afDatabase: AngularFireDatabase, 
    public navCtrl: NavController, 
    public navParams: NavParams
  ) { 
    // 监听用户认证状态变化，确保拿到当前登录用户
    this.afAuth.authState.subscribe(user => {
      if (user) {
        // 用户已登录，获取其唯一UID
        this.currentUserUid = user.uid;
        // 同时可以预先加载该用户已有的profile数据（如果有的话）
        this.profileData = this.afDatabase.object(`profiles/${this.currentUserUid}`);
        this.profileData.valueChanges().subscribe(existingProfile => {
          if (existingProfile) {
            this.profile = existingProfile;
          }
        });
      } else {
        // 用户未登录，跳转到登录页或者给出提示
        this.navCtrl.navigateForward('/login');
      }
    });
  }

  // 新增：保存用户数据并与当前用户绑定的方法
  saveProfile() {
    if (!this.currentUserUid) {
      console.error("当前没有登录用户，请先完成登录！");
      return;
    }

    // 用当前用户的UID作为数据库节点的键，确保数据与用户绑定
    this.afDatabase.object(`profiles/${this.currentUserUid}`).set(this.profile)
      .then(() => {
        console.log("用户数据已成功保存并与当前用户绑定！");
        // 这里可以添加成功后的操作，比如返回首页
        this.navCtrl.pop();
      })
      .catch(error => {
        console.error("保存用户数据失败：", error);
      });
  }
}

配套的HTML模板调整 #

别忘了把页面上的“创建用户”按钮绑定到新增的saveProfile()方法：

<!-- 假设你的输入框已经正确绑定到profile对象的属性 -->
<ion-input [(ngModel)]="profile.name" placeholder="姓名"></ion-input>
<ion-input [(ngModel)]="profile.email" placeholder="邮箱"></ion-input>
<ion-input [(ngModel)]="profile.phone" placeholder="电话"></ion-input>

<button ion-button full (click)="saveProfile()">创建用户</button>

关键细节补充 #

1. 数据库规则安全设置
   为了确保用户只能读写自己的profile数据，建议在Firebase控制台的数据库规则里添加如下配置：

   {
     "rules": {
       "profiles": {
         "$uid": {
           ".read": "$uid === auth.uid",
           ".write": "$uid === auth.uid"
         }
       }
     }
   }
   

   这样可以避免其他用户随意修改不属于自己的数据。

2. 认证状态监听的必要性
   用afAuth.authState.subscribe监听状态是因为用户可能在页面加载时还没完成登录，或者中途退出登录，这个订阅能实时响应状态变化，保证我们拿到的是最新的用户信息。

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