Angular Authentication (Role based Authentication + AUTH Guard + Http Interceptor + Core API) #27

#angularauthentication #angular #AuthGuard
This video explain Angular 13 authentication
Handling refresh token available in below link
=====================================
• Angular Authentication...
Topics covered
=============
1, Implement Login
1, Reactive Forms
2, Consume .NET Core Service
3, Use interceptor for pass Authorization header
2, Implement Authentication using Angular Guard
1, Implement basic authentication
2, Implement Role based authentication
3, Pass Authorization token header to service
1, Implement this logic using HTTP interceptor
Important Links
================
angular.io/cli - official angular website
Source code GitHub URL
====================
github.com/nihira2020/Authent...

[@ArionImmanuel]

This is the tutorial I've been looking for. The explanation is simple and easy to understand. Thanks for this video.
I hope you are always healthy. Keep producing good work and always success.

[@NihiraTechiees]

Thanks brother for the support

[@victora3155]

Really great tutorial. The explanation is simple and awesome. Thanks bro.

[@NihiraTechiees]

Glad to hear👍

[@marwensnoussi5643]

thank you so much , this is what i've been looking for ♥

[@NihiraTechiees]

Thanks for your valuable feedback

[@sohailamjad8755]

Nice explanation thanks...

[@NihiraTechiees]

Thanks for the feedback

[@salahuddinhissam]

Very helpful thanks

[@NihiraTechiees]

Glad to hear👍

[@faresbelaid4828]

amazing thaaank you man

[@NihiraTechiees]

Thanks

[@methennisghaira6078]

you made my day thxx

[@NihiraTechiees]

Welcome

[@Tesseract9630]

This is the best video on angular authentication. Thanks

[@NihiraTechiees]

Thanks 👍

[@praveenreddy5903]

excellent bro

[@NihiraTechiees]

Thanks

[@devloperadda1350]

Thank you

[@NihiraTechiees]

Welcome

[@Rohit-oz4xl]

Can you provide all the videos to make this project from scratch or possible make a playlist for this project. Its really helpful.

[@NihiraTechiees]

Please check the playlist
czcams.com/play/PLfyWdpsiUiPAcHftMr_R0HwSyAVHCW5cR.html

[@viratsharma1540]

HI
i have one question in authguard you are only checking if the token is present in localstorage or not .so we can create random token in localstorage to bypass the authguard. is there any other way to protect the routes?

[@NihiraTechiees]

Hi bro, here the is we can apply any logical conditions in authgurad. If you completely watched the video I implemented role based access also using this guard

[@rajmohangurumoorthy928]

great work brother. 👏👏thanks need more videos. is this same procedure for all database?

[@NihiraTechiees]

Yes bro, Same procedure for all

[@rajmohangurumoorthy928]

@@NihiraTechiees can you suggest any angular docs for reference

[@NihiraTechiees]

@@rajmohangurumoorthy928 please check this url angular.io/docs this is angular official link. It's very effective

[@VijayKumar-fq4ie]

Good video, very helpful. Is their any method to hide menu on role base? If yes please make a video on it.

[@NihiraTechiees]

Sure will make one video

[@VijayKumar-fq4ie]

@@NihiraTechiees Thank you. Please make soon 🙏🏻

[@archanam4224]

thanks bro

[@NihiraTechiees]

Welcome

[@user-kk1xk6dk4d]

Hello, I don't understand at min 15:18 why we are using Injector, and why aren't we just putting in the constructor the other service. Is it really that wrong calling a service into another service? Everytime I have to call a service in another service, do I have to user the Injector?

[@NihiraTechiees]

There is the possibility for getting error, note : every version upgrade have some changes this video created using angular 13. Current version angular 15. If you not faced any error then go with the way

[@venkatanareshbeeram8594]

This is a good tutorial, i have implemented this concept, can you show the api which you are using please

[@NihiraTechiees]

czcams.com/video/uWhbcR06VcA/video.html source code also available in description

[@cw2586]

Oh my God this is so complicated, and I have to somehow implement this in a Skote template... I want to cry

[@NihiraTechiees]

Do you feel this video to complicated?

[@cw2586]

@@NihiraTechiees No, it's not complicated, I was just commenting out of frustration since I have to use an angular template that uses very advanced techniques for authentication with files hidden in files, hidden in files... It makes it very difficult for a noob like me to modify the template for my needs. Anyways, thanks for the video. I figured out what I was doing wrong and why I was receiving so many errors.

[@NihiraTechiees]

Thanks🙏

[@shakz487]

hey sir I follow your guide but when I click logout and set the url to back home again still works may i know the code on your logout? do u remove token or its just routerlink only back to login? thank you

[@NihiraTechiees]

I removing token in login page ngonint event, when you click log out I just navigating to login page so login page will clear the token from localstorage

[@veereshkumark9293]

This is one of the good tutorial I have followed all your videos thanks for uploading and I have one doubt here when other user login we have to hide the customer module also how we do that can you please help me on this..

[@NihiraTechiees]

czcams.com/play/PLfyWdpsiUiPD7kYHujLg3Vl6GV69yQPgD.html

[@NihiraTechiees]

In this playlist last video will explain the dynamic menu generation based on role

[@AhmedMohamed-xx1kx]

you check for login if jwt in local storage what if user put it with himself

[@NihiraTechiees]

We are basically checking the user already logged in or not. Once logged in I am added jwt token in local storage that's why I am checking in local storage.
If you have token session storage or some variable you need to check based on that

[@kunaldholiya4701]

You returned jwt token and refresh token, so in front end how refresh token will be used?

[@NihiraTechiees]

Will explain in part 2 video. once it's uploaded let you know

[@NihiraTechiees]

czcams.com/video/3IDkzcflvaU/video.html

[@kollimarlajagadeep4039]

How can I exclude one url. Like the registration page has a post url. Where we won't need any Guard

[@NihiraTechiees]

The routing side you can ignore for the particular path (link)

[@kollimarlajagadeep4039]

@@NihiraTechiees can you help write the code

[@ayeshamemon2315]

Where is the database ? I cloned the project but what credentials to use for login ?

[@NihiraTechiees]

Follow below video for API
czcams.com/video/uWhbcR06VcA/video.html
database scripts
github.com/nihira2020/Database
Use Learn_DB Scripts

[@ahtishamahmed1551]

Please make .net core web api tuturial full playlist

[@NihiraTechiees]

Will plan for that

[@channelnaresh9374]

what is atob() method, it is inbuitl method ?

[@NihiraTechiees]

Yes... But angular 14 onwards it's deprecated... Just refer my angular 15 authentication video I provided the alternate for this

[@ArunKumar-uq3zv]

Sir, is there any way to contact you for some guidance.

[@NihiraTechiees]

send mail to this email id : [e-mail]

[@sokbunchhuoy9057]

do you have video backend ?

[@NihiraTechiees]

czcams.com/video/uWhbcR06VcA/video.html

[@siddharthrai6715]

Bro I download this code from github to take an overview but I can't able to login in via your given user name and password, please help

[@NihiraTechiees]

Have you created the api also?

[@siddharthrai6715]

@@NihiraTechiees I just downloaded your project git and run on my system

[@NihiraTechiees]

Brother it's angular code, and api created using dot net core, I shared that video link also in description

[@pranaynagavolu814]

Why is there nothing about the backend you are using, that would've been helpful for a beginner .

[@NihiraTechiees]

For back end please refer this video czcams.com/video/uWhbcR06VcA/video.html

[@isanthoshkumar_s]

I have doubt for creating authentication in different roles

[@NihiraTechiees]

Ok. What is your doubt ?

[@isanthoshkumar_s]

@@NihiraTechiees I want to Login using two user..one is normal user and another one is super admin that super admin access all components and normal user access one or two components...what will I do?

[@isanthoshkumar_s]

I want set token from local storage without API

[@NihiraTechiees]

If you have token, you can set the token value directly to the local storage,
Appcomponent is the starting point so please assign in the onInt Or the constructor

[@NihiraTechiees]

czcams.com/video/2BQsJ5I3naE/video.html check this video it will help you for implementing role based permission

[@beingAuthenticSoulMusic]

is the author Thomas Akash?

[@NihiraTechiees]

No. It's ratheesh

[@CNARENDER]

Could you please give me source code github link

[@NihiraTechiees]

github.com/nihira2020/Authentication

[@velrajavelraja7663]

Please Angular Firebase From sollithanaga bro

[@NihiraTechiees]

ok

[@joseluisrocha8351]

The explanation is good , but the visualization is no good. Remamber the ajust the view. Congratulations for your job.

[@NihiraTechiees]

Thanks for the suggestions will consider in upcoming videos

[@cagatayaksoy9771]

Where is the Core API ?

[@NihiraTechiees]

czcams.com/video/uWhbcR06VcA/video.html

[@cagatayaksoy9771]

@@NihiraTechiees Is Angular integrated with it?

[@NihiraTechiees]

This service only used for my angular videos

[@dharshan9055]

sir can i get your mail id

[@NihiraTechiees]

[e-mail]