Angular + Spring Boot JWT Authentication Example | JavaTechie
Вставка
- Опубліковано 5 лют 2025
- This tutorial will walk you through the steps to build a full stack Angular 8 + Spring Boot JWT Authentication example
#javatechie #SpringBoot #Angular #JWT
GitHub:
github.com/Jav...
Blogs:
/ javatechie
Facebook:
/ 919464521471923
guys if you like this video please do subscribe now and press the bell icon to not miss any update from Java Techie
Disclaimer/Policy:
--------------------------------
Note : All uploaded content in this channel is mine and its not copied from any community , you are free to use source code from above mentioned GitHub account
Excellent Video, entire JWT at one place. Please keep up the good work and continue to make such videos. God Bless you for your contribution and time.
You are a mind reader. I have been looking for this. Thank you man.
you don't need to disable cors() in spring security config actually.
cause you already allowed specific origin so there's no point of disabling.
Great video by the way.
Really help full ❤
Please continue this video further for CRUD Operation demo.
Thanks a lot, for explaining each and every line of code. Appreciated
Thank you Ankit 😀 sure I will
this dude is so much underrated
Thank you sir :D
for anyone looking at the github for source code, the api call was switched to 9191 instead of 9192, so you will get CORS error when accessing the page. just change it to 9192 fyi
Great one
thank you so much well explained! waiting for part2.
Great
Hi,
At 20:38 you are trying to call subscribe inside subscribe and it IS not allowed.
greate content and greate explanition keep it up.
I have one question for you, I was trying to make another API calls other than the welcome part by passing the token in the header,but I wasn't able to make it.Can you give me any suggestion How I could make other API Calls like the CRUD operation using this JWT?
What is the status code you are getting. Can you inspect the ui screen and tell me about the status code
@@Javatechie thx for the response.it's not giving me any error actually. So if you could give me one example any api call in the CRUD operation other than the API call the Welcome method would be greate.
But for different page can use either localStorage/sessionStorage for storing the JWT token?
Thank you brother
Great explanation. Thanks for doing it.
How can I handle JwtException by using RestControllerAdvice class
Nice..
But where is @Bean for cors for spring as u mentioned in video? i cant find it in video description..
Video description I mentioned GitHub link please go to that link and download the source codes
Java Techie np..actually i typed the code when u full screen it into intellje
Thanks for d video sir.. Pls upload the similar video on react
please please please make this video with react also. Its request
Bro pls make video on login. Logout with refresh token and also ..how to deploy both the angular and spring into tomcat or any web server.
Thank you for this sir
I couldn't find your backend code for the spring boot jwt though in GitHub.
I applied this frontend implementation in my old jwt backend video
Oh I see. Your tutorials are really nice to follow.
Hi, I have a doubt , where we need to save jwt token always, I mean stored to cookies or ?, Can u suggest me and I need to know how to protect jwt token
Can you please make a video on Angular Router Guard in collaboration with Spring Boot JWT for log in and log out?! This video was really helpful
Okay I will try
Can you please upload a video oath2+jwt, your videos are helped me a lot
Okay definitely I will try
really helpful!
Needed one, thank you😀... One more request, can u plz make a vidio on login to logout process like after click on logout button that token will expire. Angular + spring boot
Ok will do
@@Javatechie thank u
I created E-commerce app with spring boot and angular with JWT authentication so any one u want to use source code u can use it or u can also suggest me any changes, this is my spring boot git url->github.com/talhapatel/Eommerce-spring-boot , angular code url -> github.com/talhapatel/ecommerce-frontend , i have only 1 yr as full stack developer so if i did any mistake then plz suggest me sir...
my email ID : talhapatel.tp@gmail.com
@@Javatechie Fabulous explanation.I am also waiting for the same request
adding to above point sir
plz do the refresh token and expiry time things as well.
Do you have a video of authentication where username and password input need to match a user in a database?
Yes please refer this ua-cam.com/video/-FZHBTqBGBM/v-deo.html
Hi Sir
can u plz make a vudeo on angular and spring boot with security with different user roles (and permissions) accounts and show them on to access angular pages based on thier roles using JWT or Basic authorization concepts. Hope u will do in quick timem we will awaiting for ur new videos..
Okay I'll do
@@Javatechie Thanq sir..eagerly waiting
Hi, you helped me a lot. Thankyou. Can you please tell how to take those values of user name and password through a login form. It would be very helpful.
Which is previoua tutorial? Can you insert tutorial link about it in description? Thanks
Where is the video the teachs how to develop the api ?
Please checkout spring security jwt backend video
Thanks very a lot dude ! You are very kindly!
this is really helpful , sir can you make videos on how to display results on openMap or openStreetMap in Spring Boot
OpenMap and OpenStreetMap is something new for me I will check and update
Thankyou for the tutorial :) Please add the Spring boot WebMvcConfigurer code in GitHub
It's there are you facing any issue
Yes, I had a problem with CORS. But, it’s solved now. Thank you 😁
Is there any tutorial on spring boot angular with okta security??
No but spring security and angular integration is there same way you can try .
@@Javatechie basically there is one angular application in where we will be logging in using okta ..Which is giving us token by using this token i need to secure the microservice APIs which reside in another app
How it's possibile to persist token even if springboot is restarted? I must use something redis? I want to be able to invalidate some token by system administrator... Thanks
i have made /authenticate accessible with .permitAll()but still in postman it's saying 403 forbidden
I am actually locking for a way to secure the password from the frontend.... :(, preferred if you did all that trough intercept but yea, that works to
Good explanation, if you put that @CrossOrigin(origins = "*") on the server-side controller itself, It does not even required a workaround for handling cross origin request.
Hi Ekesh, I tried it but didn't work for me so till now I didn't figure out this issue .
Can you suggest something , same code if I ran on different machine by using @CrossOrgin("*") it is working .but not in my machine 🤪
@@Javatechie In your code you are just sending the response as string, I faced the same problem while I was doing so. Then after reading preflight error I thought of returning ResponseEntity.ok("msg") from controller. And it worked out for me. Most probably http status is required for options call. Hope it helps 😀
@@Javatechie Even this doesn't worked out just add @CrossOrigin(origins = "*", allowedHeaders = "*") over controller.
@@ekeshbahuguna8733 great I will try this, thank you
@Java Techie I just have one doubt that when you created welcome(token){ } method in Angular service so the token is for any type or belongs to any class in angular?
Hi Vishal , it will be string type because token we were getting from.backend call
Java Techie so does it belongs to any library or jwt api in angular?
@@vishalwalia8940 this is the syntax to pass argument in ng method , you can specify the type if required
Java Techie thanks for your reply. It was great help. I hope you to get millions subcribers.
Thank u Vishal 😀
Please give CC in each video. I hear not well, pls.
I'm getting the acces denied even if i pass my token in the headers , i downloaded your code from github and used your users and i have the same . always access denied ... do you have any idea about the problem ?
In angular code just try to print token in console let's see whether are you able to generate token or not
Nice tuto!
Please can't find the api code on github
Great explaination, please make video with REACT JS
can you give me the link of next part please ( form input of login and register )
Sir please add spring boot WebMvcConfigurer code in git hub.
CorsConfigurer() is not there in spring security jwt example.
Please update it
Okay I will add
Tq sir
you never use the token to get the welcome message, right?
Yes I used , if you observe I added token in header section
@@Javatechie Yes you're right, sorry about that! I'm new to Spring Security, but got it working now.
No problem 👍
Where is spring-security-jwt-example repository code?
Please checkout video description
where is the back end code and explanation of this project ?
Please check in my channel spring security with Jwt , with same code I integrate frontend
Can you pleas provide me git source code for ur in this application in git hubb
Please check in video description
why you make a course on udemy ?
I don't have any single video in udemy
No explanation of any code and flow..looks like he learned the steps only...just doing spoon feeding...
Can you please share the updated backend code? Couldn't find the latest code with CORS configured in GitHub. Thanks.
Please go through this
github.com/Java-Techie-jt/spring-security-jwt-example
How to keep calm with this shit pronunciation?
Hi sir, thanks for the video explanation. My fundamentals got cleared. Was able to find solution for CORS is java. I just wanted to understand one thing. Initially, I tried putting the link directly i.e "localhost:9192..." and initially said cors blocked, but when i added "http:localhost:9192...." it started to work. Can I know why when i pass this "localhost:9192/authenticate" its throwing cors blocked and where as link "localhost:9192/authenticate" is allowing?
You enabled crossorigin from backend that's why it's allowing you .
@@Javatechie yes, i understood that part, using Bean was did. But just could u clarify more specifically, why for http it is, as I saw that it had mentioned in error later that https isn't allowed in cors, so want to understand if by default localhost uses https? Cause like I said manually adding http enables cors but when I don't write http: localhost and only write localhost, it throws error.