Ionic 4 和 Firebase 集成

Question

所以，在 ionic 4 firebase 集成方面，我是个菜鸟。基本上我已经设法让firebase身份验证工作，但问题是我似乎无法将注册页面中的用户输入保存到firebase数据库。我需要它来工作，因为我想将用户链接到他/她的清单。

这是我的注册页面.ts

import { Component, OnInit } from '@angular/core';
import { Router } from "@angular/router";
import { Platform, AlertController } from '@ionic/angular';
import { LoadingController, ToastController } from '@ionic/angular';
import { AngularFireAuth } from '@angular/fire/auth';


//disable side menu
import { MenuController } from '@ionic/angular';


@Component({
  selector: 'app-signup',
  templateUrl: './signup.page.html',
  styleUrls: ['./signup.page.scss'],
})
export class SignupPage implements OnInit {

  email: string = '';
  password: string = '';
  error: string = '';
  username: string = '';

  constructor(
    private fireauth: AngularFireAuth,
    public router: Router,
    public menuCtrl: MenuController,
    private toastController: ToastController, 
    private platform: Platform, 
    public loadingController: LoadingController,
    public alertController: AlertController
  ) { }

  async openLoader() {
    const loading = await this.loadingController.create({
      message: 'Please Wait ...',
      duration: 2000
    });
    await loading.present();
  }
  async closeLoading() {
    return await this.loadingController.dismiss();
  }

  signup() {
    this.fireauth.auth.createUserWithEmailAndPassword(this.email, this.password)
      .then(res => {
        if (res.user) {
          console.log(res.user);
          this.updateProfile();
        }
      })
      .catch(err => {
        console.log(`login failed ${err}`);
        this.error = err.message;
      });
  }

  updateProfile() {
    this.fireauth.auth.onAuthStateChanged((user) => {
      if (user) {
        console.log(user);
        user.updateProfile({
          displayName: this.username
        })
          .then(() => {
            this.router.navigateByUrl('/login');
          })
      }
    })
  }

  async presentToast(message, show_button, position, duration) {
    const toast = await this.toastController.create({
      message: message,
      showCloseButton: show_button,
      position: position,
      duration: duration
    });
    toast.present();
  }


  ionViewWillEnter (){
    this.menuCtrl.enable(false);
  }

  ngOnInit(){}

}

Answer 1

实际上，您并没有使用 firebase 数据库。 user.updateProfile 方法将 displayName 属性存储在 Firebase 身份验证系统中。该信息保存在 Firebase 身份验证系统中。