Angular 17 Login with JWT token | With API | Angular Interceptor

Angular 17 login page.
Angular 17 Interceptor.
Angular 17 Login with API.
How to Implement Interceptor in angular 17.
API integration and sending JWT Token in headers using Interceptor in angular 17.
Learn From me
angularacademy.in
To Connect with me & get Notification of Live Session Join
chat.whatsapp....
Angular 17 Login Page Implementation
• Angular 17 Login | Wit...
All code will be at
github.com/voi...
Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement
miniprojectide...
Follow & Connect me on LinkedIn
/ chetan-jogi-a87148ba
#angular17
#angularlogin
#interceptor

[@bruhsim]

simply wow! i have barely seen anyone who explains things so smoothly and gives best practice suggestions aswell, hats off!

[@LearningPartnerDigital]

Thanks for kind words. Keep watching

[@srikanthchowdaryponduri5202]

Please tell me,What is the difference between local storage and session storage when we need to prefer them to use Or set please give some examples th

[@althikk]

Nice explanation. I have a query on env variables and token in angular, which are displaying including some part of the code while testing with Burp Suite tool. Pls let us know how to hide this information?

[@seloaneronald2462]

For me thus is the easiest demo ever. Maybe is bc I went deeper into token refresh which is little bit complex

[@LearningPartnerDigital]

Ohh great 👍

[@vinaykumar-be7nm]

sir please help me, once user logged in to dashboard when he click on browser back button . we should not allow back button to redirect to previous page . how to restrict this.

[@MithileshPandey-gb4xw]

i am not able to find the exact url on github ......please send me exacy url for this video

[@aj-dq6st]

Is it the best strategy to store token in local storage or any other better option is there?

[@LearningPartnerDigital]

We can store in session, local or cookies or in service variable..based on project need we use it

[@sanket6543]

Sir waiting for series on new features on angular 17

[@hirushamalith7801]

truly that was awesome , i loved it 💯

[@LearningPartnerDigital]

Thanks keep watching

[@hash1345]

will it run on angular 16?

[@abhishekagarwal3370]

what if we have role base access and some of the component have access for both the user but with some restriction for eg comp can access by 2 user but their is button which is only for one user in that case how we will manage because if we store user role in localstorage it can be changed by user

[@JigneshParmar-o6i]

you have to get role of that user from API side like your role is shopkeeper and you don't have access of delete products. On each page where you have to get roleid and when you get roleid you can implement ngIf condition. Else there are scenario when you will have multiple role than you have to check In property like you are getting role "1,2,3" than
this.userroleid = (localStorage.getItem('userroleid') || '').split(',');
use this you can check role is present in here or not or else to make it dynamic you have to make dashboard for permission on each page you can to call that service to check permission of that component

[@jyotighuge2468]

nice explained

[@vilaskiran266]

Great man

[@herculez6814]

you run the code...???

[@tunisiasparx2105]

awsome

[@JoseCardenas-zs4on]

I have a problem when I want to integrate my own backend, I get JWT Token that does not start with the word Bearer. :(

[@LearningPartnerDigital]

I have created api with dot net

[@saurabhpatel6933]

​@LearningPartnerDigital Hi sir, can you please create video for setting up local with mock json for specific api's which you mentionedin the end of video? Thanks in advance

[@KTharun-u7r]

Why interceptor is applying for login method , how to ignore that?

[@LearningPartnerDigital]

u can add url check..if url contain login skip that header code

[@KTharun-u7r]

@@LearningPartnerDigital , added in backend spring , in postman working fine without token , only in angular getting 403 error?

[@stockmarketwithAnshu-xk5yg]

localStorage is not defined how to resolve it ?

[@priteshsoni3891]

same error for me. How did you solve?

[@herculez6814]

sir this is not working currently don't know why even i have tried to run your program too ..after cloning from git still the interceptor is not working.....!!!

[@LearningPartnerDigital]

What is error u r having

[@vikashbanoriya142]

Sir please cover lazy loading as well 2 or 3 modules with lazy module routing file

[@LearningPartnerDigital]

Yes. Recorded same will upload on Monday

[@vikashbanoriya142]

Sir have you covered module routing also

[@akhil9490]

is the api is not working now?

[@СашаВанюта]

how can we do dashboard - priviteroute ?

[@LearningPartnerDigital]

You can implement guard - can activate and add it to dashboard route. Will create a same video on that soon

[@namanupadhyay2589]

Sir i am getting the api error http failure for ….api name :0 unknown error

[@LearningPartnerDigital]

Pls connect on LinkedIn

[@AjayCoding]

❤

[@LearningPartnerDigital]

👍

[@devascid939]

se agradece, mas por favor

[@mostafatwfeek5014]

Where is the source code brother

[@JulfaArzumand]

I do not have app.config.ts