Building A User Authentication Service with Angular and Firebase

[@aram5642]

A wonderful starter. Seems like the auxiliary user fields present on the Authentication record (displayName, phoneNumber) are better stored in a dedicated table instead.
I was wondering while watching this video, what would be the best way to structure users and roles for enterprise apps...

[@XTpF4vaQEp]

Like a childs play, yet so powerful.

[@ClaytonAllenFP]

Thanks a bunch for making this video! I was pulling my hair out trying to sift through mounds of irrelevant documentation. Is there any way you could expound upon implementing this method with an CanActivate Auth guard? Cheers!

[@nammsy]

your voice is like the villain from the moviel Phone Booth :P nice tutorial BTW!

[@towpro2880]

Thank you. Can you do do a tutorial using the new @angular/fire package instead?

[@towpro2880]

@oluwajoba emmanuel I figured it out it's basically the same thing you just have to add an instance of AngularFireDatabase from @angular/fire into your component or service's constructor and the rest is basically the same.

[@vongodric]

Thank you for the video - was great help for me with getting started with authentication.

[@mbaljeetsingh]

I'm assuming you're using Windows. Can you tell me what are you using to show the opened tabs at the bottom?

[@sayantanroy5996]

Actually he's using KDE based linux distro.

[@enriquegreen7369]

Hey thanks for the great vid, i have a problem though when i try to compile i get an error about missing dependencies. I cant find a fix so far, do you have any idea what it can be?
ERROR in The target entry-point "@angular/fire" has missing dependencies:
- @angular/core
- @angular/common
- rxjs
- rxjs/operators

[@Halissonskalee]

Hi! i need help Property 'object' does not exist on type 'AngularFireDatabaseModule'?

[@gadeichhorn]

brilliant! thanks for making this tutorial.

[@luisstiventrujilloortiz8734]

What for is pipe in uid = this.afAuth.authState.pipe ???

[@poojahandigund145]

This video really helped me to start with firebase authentication !! thanks a tonnn

[@shishgeor]

Didnt know Beric Dondarion does angular tutorials

[@ChocoNut-09]

Hello..
I was following the video but i got some errors from the auth Service.
Thanks in advance.. :)
I got confused 15:30
ERROR in src/app/service/userservice.service.ts(23,35): error TS1109: Expression expected.
src/app/service/userservice.service.ts(23,37): error TS1068: Unexpected token. A constructor, method, accessor, or property was expected.
src/app/service/userservice.service.ts(35,23): error TS1005: ',' expected.
src/app/service/userservice.service.ts(35,29): error TS1005: ',' expected.
src/app/service/userservice.service.ts(35,48): error TS1005: ';' expected.
src/app/service/userservice.service.ts(38,11): error TS1005: ';' expected.
src/app/service/userservice.service.ts(42,12): error TS1005: ';' expected.
src/app/service/userservice.service.ts(46,1): error TS1128: Declaration or statement expected.
==============
import { Injectable } from '@angular/core';
import {Observable, of as observableOf,} from 'rxjs'
import { AngularFireAuth } from '@angular/fire/auth';
import { map, switchMap } from 'rxjs/operators';
import { auth } from 'firebase';
@Injectable({
providedIn: 'root'
})
export class UserserviceService {
uid = this.afAuth.authState.pipe(
map(authState => {
if(!authState) {
return null;
} else {
return authState.uid;
}
})
);
isAdmin = Observable = this.uid.pipe(
switchMap(uid => {
if(!uid) {
return observableOf(false);
} else {
return this.db.object('/admin/' + uid).valueChanges();
}
})
);
constructor(private afAuth: AngularFireAuth) { }
login() {
this.afAuth.auth.signInWithPopup(new auth.GoogleAuthProvider());
}
logout() {
this.afAuth.auth.signOut();
}
}

[@jesselima_dev]

Great video! Thanks!

[@rituhemnani8399]

yarn add angularfire2 firebase is not recognized as an internal or external command

[@deepakmarneni2110]

Very nice . Thank you so much. But how data reflecting from firebase without page refresh 🤔

[@DigitalFluency]

The AngularFireDatabase.db.object(path).valueChanges() call returns an observable that emits every time the value changes. It maintains a connection via web socket.

[@digambersingh555]

Really helpful, thanks!

[@Aaron.Aguilar]

Hi can you do a video on angular with cordova and firebase auth

[@CafeRei]

wow, amazing \o/ thank you.

[@daniellaerachannel]

great!

[@stockiten3369]

Thanks for the video please check these 2 projects
Material Design: github.com/AnthonyNahas/ngx-auth-firebaseui
Bootstrap: github.com/firebaseui/ng-bootstrap

[@davidlutta2503]

Thank You soo much !!

[@pradeepam9426]

can i get the code

[@afrikanking4022]

This Video is irrelevant in 2020