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...

[@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.

[@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!

[@luisstiventrujilloortiz8734]

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

[@nammsy]

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

[@Halissonskalee]

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

[@XTpF4vaQEp]

Like a childs play, yet so powerful.

[@rituhemnani8399]

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

[@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

[@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(); } }

[@poojahandigund145]

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

[@Aaron.Aguilar]

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

[@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.

[@gadeichhorn]

brilliant! thanks for making this tutorial.

[@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.

[@jesselima_dev]

Great video! Thanks!

[@digamber_r7]

Really helpful, thanks!

[@stockiten3369]

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

[@pradeepam9426]

can i get the code

[@CafeRei]

wow, amazing \o/ thank you.

[@davidlutta2503]

Thank You soo much !!

[@daniellaerachannel]

great!

[@afrikanking4022]

This Video is irrelevant in 2020