Angular Firebase authentication tutorial and auth Guard [in 2020]

Pubblicato il: 22 maggio 2020
sul canale di: Decoded Frontend

27,272

429

🎉 Get complete 6,5 Hours Video Course about Hasura for the lowest possible price 🎉
🎁 20%-off with HASURA-EASY-START code: https://bit.ly/complete-hasura-course
#Firebase is awesome and allows you to implement some functionality very easy and fast way. One of such thing is authentication. Firebase easily encapsulate sophisticated logic and provides a nice Angular library with quite clear API to simplify developer's life. In this tutorial we learn how to implement basic auth flow like login/logout with email and password and also we will see how to protect some certain route paths for users who are not authenticated. We will see also how to customise AngularFireAuthGuard provided by @angular/fire and redirect user always on login page if user wasn't signed in. This video is a precondition for the next lesson where we will add Hasura GraphQL engine and protect Hasura's endpoints, so only users who signed-in can access it. It will be very interesting, so stay here and enjoy watching ;)
P.s One more time sorry for the bad sound...

📣 Become a Pro in Angular Material Theming (Advanced Workshop) 📣
https://bit.ly/angular-material-themi...
✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left)

📣 Blazing fast GraphQL Backend just in 1 Day with Hasura Engine 📣
https://bit.ly/complete-hasura-course
✅ 20%-off coupon code: HASURA-EASY-START

Time codes:
00:42:07 - IMPORTANT announcement;
00:01:06 - Creating of firebase project;
00:03:11 - Creating of login page
00:06:03 - Creating a Dashboard;
00:10:27 - Creating a login form;
00:12:13 - Creating a register form;
00:21:35 - Adding @angular/fire to the project;
00:25:38 - Creating a user in Firebase;
00:30:00 - Protect a route with AngularFireAuthGuard;
00:37:08 - Authenticate user in Firebase;
00:38:45 - Redirect user to login page after login;
00:40:05 - What's is in the next video?

See very interesting video about Angular Material Form Field:
   • Control Value Accessor in Angular [Advance...

Also you can check out my videos about #Angular Material Library:    • Angular Material

And I also started video series about Angular Material CDK:
   • Angular Material CDK

Please leave you feedback and subscribe now to get more interesting videos. Quick subscribe:    / @decodedfrontend

Links:
Hasura's home page: https://hasura.io
Tutorial Github Repo:
https://github.com/mezhik91/hasura-tu...

In questa pagina del sito puoi guardare il video online Angular Firebase authentication tutorial and auth Guard [in 2020] della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Decoded Frontend 22 maggio 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 27,272 volte e gli è piaciuto 429 spettatori. Buona visione!

3,664

103