Firebase (Google) Authentication with Angular + Guards (source code included)

Hi, in this video we'll take a look at Authenticating with Firebase Google Sign-in provider and how to block routes for unauthenticated users with Angular Guards.
Source Code: github.com/bra...

[@lucasruiz6176]

I needed to combine the angular-firebase guards with one of my own for my application thanks to this video I was able to get it working. Thanks a lot.

[@mauroa2826]

I was more than 20 hours looking for this solution!!!

[@juanfe9316]

Nothing work until find you solution, Thanks!

[@alyster8397]

Amazing and so fast !!! Thank you very much, I appreciate your work. 🙏

[@AbhishekKumar-lk2ei]

thanks! was very helpful in my project

[@jurgenruegenberg2214]

what versions of angular and angular/fire are you using?

[@aiyale5700]

Hi there, why am I encountering a scenario wherein the authState is becoming null after refreshing the page.?
I hope you could help

[@aniket1424]

you should create a method for autoSignIn and in that save the user details,token in local storage. See the Ux trendz channel on that playlist is there.

[@syedfamily1]

Thanks x 100

[@hijuliansosa]

Thank you!

[@rishabraina4406]

import firebase from ''firebase/app' not working

[@heartkush3694]

have the same error, any solution?

[@kidszone6276]

For me too. Can anyone help us

[@drexxboban8277]

maybe u don't have matching firebase - angular versions

[@hippiemouvement3563]

Same

[@al3xii5]

import firebase from 'firebase/compat';
change for...
import firebase from 'firebase/compat/app';

[@rishabraina4406]

how is environment being used can u explain ??

[@deepaksahu9781]

thank you

[@jd-code]

how do i create email and password?

[@ProjectBrackets]

For that you need to enable Email/Password in your Sign-in providers in firebase. Take a look at firebase docs for more info: firebase.google.com/docs/auth/web/password-auth#web-v8

[@jd-code]

@@ProjectBrackets Thank you very much, how can I do so as soon as I press login to go to the home page?

[@ProjectBrackets]

@@jd-code It depends on how you implemented things. One way is to use onAuthStateChanged which is coming from the Auth object. Then inside you can check if the user object exists then redirect the user to home page via the router.