Send Email Verification with Firebase using AngularFire v6

Question

I am trying to register User with email and password. If register function works then a mail will be send to user's email address, this mail must contain a link that the user will click to confirm email address. I have try to do this with the AngularFireAuth.auth.currentUser.sendEmailVerification() function it doesn't work: This version of AngularFire/Firebase does'nt support this method. Can you help me ?

import {Injectable, NgZone} from '@angular/core';
import {AngularFireAuth} from '@angular/fire/auth';
import {first} from 'rxjs/internal/operators/first';
import * as firebase from 'firebase';
import {AngularFirestore} from '@angular/fire/firestore';

@Injectable({
  providedIn: 'root'
})
export class AuthService {
  public userId: string;

  constructor(
      private afAuth: AngularFireAuth,
      private afStore: AngularFirestore,
      public ngZone: NgZone
  ) { }

  getUser(): Promise<firebase.User>{
    return this.afAuth.authState.pipe(first()).toPromise();
  }
  loginWithEmailAndPassword(email: string, password: string): Promise<firebase.auth.UserCredential>{
    return this.afAuth.signInWithEmailAndPassword(email, password);
  }
  async registerWithEmailAndPassword(email: string, password: string): Promise<firebase.auth.UserCredential>{
    const newUserCredential: firebase.auth.UserCredential = await this.afAuth.createUserWithEmailAndPassword(email, password);
    this.afStore.collection('users').doc(`${newUserCredential.user.uid}`).set({
      uid: newUserCredential.user.uid,
      email: newUserCredential.user.email,
      created_at: firebase.firestore.FieldValue.serverTimestamp()
    }).then(function() {
      console.log("user is registered");
      this.sendEmailVerification();
    }).catch(function(error) {
      console.error("Error adding document: ", error);
    });
    return newUserCredential;
  }

  async sendEmailVerification() {
    
  }

  resetPassword(email: string): Promise<void>{
    return this.afAuth.sendPasswordResetEmail(email);
  }

  logout(): Promise<void>{
    return this.afAuth.signOut();
  }

  async createPersonalProfile(){

  }
}

score 7 · Answer 1 · edited Oct 22 '20 at 22:24

7

The new API returns an observable when you want to access currentUser. So I did this:

async SendVerificationMail() {
    (await this.afAuth.currentUser).sendEmailVerification().then(() => {
        console.log('email sent');
    });
}

edited Oct 22 '20 at 22:24

Adrian Mole

49,934
160
51
83

answered Oct 22 '20 at 19:10

Carlos Mori

328
6
8

score 5 · Answer 2 · answered Feb 24 '21 at 20:50

This Solution works in Angular 11 without any compilation errors/hacks.

Get the user object from the result after sign-up/sign-in using email authentication & then use it to send a verification email

signUp(email: string, password: string) {
this.afAuth.createUserWithEmailAndPassword(email, password)
  .then((result) => {

    /** sends verification email **/
    result.user.sendEmailVerification();

  }).catch((error) => {
    window.alert(error.message)
  });

}

score 2 · Answer 3 · answered Jun 21 '20 at 12:13

2

I found. Just use this function next you have logged user. don't use it if no user is logged.

firebase.auth().currentUser.sendEmailVerification()

answered Jun 21 '20 at 12:13

Dassin Rock Mouelet

61
1
6

Send Email Verification with Firebase using AngularFire v6

3 Answers3