Тёмный

Auth0 authentication in Reactjs using OAuth2 

Mafia Codes
Подписаться 45 тыс.
Просмотров 71 тыс.
50% 1

Опубликовано:

 

6 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 107   
@justcreate1387
@justcreate1387 Год назад
Thank you! Every single tuturial on Auth0 is SUBPAR. You nailed it on the head. You skipped no details and fully answered any questions that someone implementing this for the first time would ask. Auth0, and other people teaching this, assume that people either: 1. have plenty of experience with implementing auth. or 2. people only want to add auth to the frontend(which makes no sense to me, why would we start auth by only discussing the ui?!). Once again thanks, instant 'like' and 'subscribe' from me
@mafiacodes
@mafiacodes Год назад
Thanks a lot
@systemforge
@systemforge 10 месяцев назад
OMG... you are a lifesaver! Thank you so much. The mistake I was making was that I wasn't passing the audience
@harshbaid.13
@harshbaid.13 6 месяцев назад
Can you share the code? I am facing implementing this
@akshayshinde2403
@akshayshinde2403 6 месяцев назад
One of the best video ever. You covered complete flow of auth0, how it actually works on frontend and backend.
@harshbaid.13
@harshbaid.13 6 месяцев назад
Can you share the code? I am facing implementing this
@akshayshinde2403
@akshayshinde2403 6 месяцев назад
@@harshbaid.13 which tech stack are using for frontend and backend?
@harshbaid.13
@harshbaid.13 6 месяцев назад
​@@akshayshinde2403 MERN stack
@kevklash
@kevklash Год назад
Let me tell you, not even Auth0 has such a nice tutorial, their info is not that clear. Great video, and thanks for sharing.
@mafiacodes
@mafiacodes Год назад
Glad you think so!
@satyamvlogs3082
@satyamvlogs3082 Год назад
@@mafiacodes i have used Auth0 in Next js app & deployed in netlify but it's not working what can i do?
@VitalMercenary
@VitalMercenary 3 года назад
Thanks for this video, it was super helpful with the backend API authenticated requests portion!
@chopy1012
@chopy1012 Год назад
Thank you, this was really helpful, especially as a person who never used any auth at all
@mafiacodes
@mafiacodes Год назад
I am glad you like the video.
@saurabhjainwal4604
@saurabhjainwal4604 2 года назад
Thank you so much dude I was just think of shifting my app authentication from my JWT based auth to a managed service provider and this tutorial cleared almost all the doubts I had, regarding Auth0. Thanks
@akshatdubey4421
@akshatdubey4421 7 месяцев назад
you are a life saver. I spent 3 hours trying to get the JWT
@harshbaid.13
@harshbaid.13 6 месяцев назад
Can you share the code? I am facing implementing this
@JachMichael
@JachMichael 2 месяца назад
This is gold. Thanks, all the informations you need to secure your app is here :)
@akshayking1244
@akshayking1244 Год назад
Thank you soooooo much brother! Love this video and your voice as well! Thankful! 🙏
@alexanderhergert875
@alexanderhergert875 11 месяцев назад
This video contained many useful informations to make my authentication and authorization work even if I did it differently in the end. Thank you very much.
@daniyallodhi7765
@daniyallodhi7765 Год назад
UPDATE: THE auth0Provider has some changes redirectUri is now redirect_uri and both redirect_uri and audience will be written inside the authorizationParams like below
@ronitpanda5964
@ronitpanda5964 2 года назад
Thanks a lot man this was a really helpful tutorial covering all the aspects of using auth0 in a full stack app
@nithinmoorthy5911
@nithinmoorthy5911 2 года назад
This is great. Thank you so much for making this and going from the beginning, without a lot of bloatware components and css
@crissatrapi3933
@crissatrapi3933 8 месяцев назад
wow!! this was seriously a great explanation even for beginners, thanks !!!
@knowwithfarhan9310
@knowwithfarhan9310 2 года назад
Thank you so much for this awesome tutorial, your teaching skill is super.
@krutarthdarji
@krutarthdarji Год назад
Please provide Github repos for this. Great Video by the way!
@riteshthakur9250
@riteshthakur9250 3 года назад
liked your video but i have a request can you make microservice with node js videos that can help how to build microservices with node js i really wanted to know how to do that but there are not that many videos on youtube which can help so please make a full series on how to build microservices with node js
@aathivive
@aathivive Год назад
Thank you so much. everything needed covered eloquently. big fan.
@mafiacodes
@mafiacodes Год назад
Glad it was helpful!
@bhaskardixit1564
@bhaskardixit1564 2 года назад
Nice and clear. Understood the most of concepts thank you
@ConorTurner-f4l
@ConorTurner-f4l 8 месяцев назад
10/10 Amazing video, best on the subject. Many thanks :)
@mr.artist486
@mr.artist486 Год назад
This is very helpful. Could you please make one video telling 'Firebase authorization using auth0' and 'generating custom token s in firebase using auth0' ??
@prakash_subbaiah_crazy_world
@prakash_subbaiah_crazy_world 8 месяцев назад
Awesome guide....may i know which flow is this in OAuth 2.0? Is this Authorization code flow? Please confirm.
@prabujs1785
@prabujs1785 2 года назад
great. Thanks for posting this video tutorial.
@mafiacodes
@mafiacodes 2 года назад
Glad it was helpful!
@mdalkaium
@mdalkaium 2 года назад
Thanks for your nice explanation.
@parmarjaydip1994
@parmarjaydip1994 8 месяцев назад
Thank you so much . BTW which font is this ?
@thaisonnguyen8165
@thaisonnguyen8165 2 года назад
sir, I followed all your codes but can't get userinfo from backend. When I use the same way in frontend it's works. Is axios can not use in expressJS?
@manojnavinjamuri5867
@manojnavinjamuri5867 Год назад
There is error in my application. Please resolve the error. My API is not authorizing single page application please resolve this
@RossGhazi
@RossGhazi Год назад
for min 7 there has been an update, rather than redirect="window.location.origin" use authorizationParams={{ redirect_uri: window.location.origin, }}
@asmapatel6127
@asmapatel6127 2 года назад
hello, I keep on getting error Error: You forgot to wrap your component in . Source src/LogInButton.js (6:34) @ onClick 4 | const { loginWithRedirect } = useAuth0(); 5 | > 6 | return loginWithRedirect()}>Log In | ^ please tell me how to resolve?
@daniel67324
@daniel67324 2 года назад
Great stuff. Thank you for sharing.
@skverskk
@skverskk 3 года назад
Awesome!!!
@ThanhNguyen-tj9pw
@ThanhNguyen-tj9pw Год назад
thanks for all, but can i ask your theme vsc ?
@PanlasangMotour
@PanlasangMotour 9 месяцев назад
How to implement token expiry when the users idle on the page like dashboard also i want to refresh it and have a limit timer per token or maybe reuse the token time when not idle 😕 can we get a tut for that thanks in advance ❤❤
@fatcat500
@fatcat500 3 года назад
great vid thanks
@abhishekmazumder2060
@abhishekmazumder2060 3 года назад
Amazing stuff brother. which font are you using on vscode editor?
@gabrielfono844
@gabrielfono844 3 года назад
hi sir thanks for this amazing tutorials hey , I am building an online learning plateform for my community and I wanna to customize the default page that Auth0 provides when users login. how could I do it?? I look forward to hearing from you back really love this channel
@deputyrook6232
@deputyrook6232 2 года назад
so Auth0 is an "extention", kind of, of OAuth2? by authenticating with Auth0 you're authenticating with OAuth2, right?
@vikivarun6122
@vikivarun6122 2 года назад
Really Great content
@prat_0501
@prat_0501 Год назад
I am using auth0, How can I authorize logged in user using firebase function?
@chris_ea
@chris_ea Год назад
Thanks, is it necessary to make one more call from the serverside to extract the incoming token to clear info? Isnt it possible JWSverify it locally and decode the jws token?
@amjadawan4150
@amjadawan4150 Год назад
sir can we use this for any web app. is it completely secured?
@mafiacodes
@mafiacodes Год назад
Yes any react app, things may change for react frameworks like nextjs/remix/etc
@bibekpaudyal4434
@bibekpaudyal4434 Месяц назад
How do i make the auth0 login page appear without having to press the login button ? if user is authenticated then they should be redirected to the url they entered else redirect them to login page of auth0
@anishbishnoi29xD
@anishbishnoi29xD 3 года назад
Thanks ❤️
@Asha__s
@Asha__s 9 месяцев назад
I have a doubt!! I am unable to receive email token from user while logging using Facebook.Can someone help ??
@ketkigokhale975
@ketkigokhale975 Год назад
When selcting single page web application option while initiating this project,i keep getting error that you dont have permission to access the resource..i have subscribed to the Auth0 the same way you have explained initially..what to do?
@dumindusameendra
@dumindusameendra Год назад
Hi, so if we were to deploy this, is having the auth configurations on index.js not a security risk?
@akshaybisht2660
@akshaybisht2660 Год назад
Hi, i have a Web App in Next.js with TypeScript and also Implemented Auth0 but i am not getting the Access Token? How can I get the Token access so that I can use that Access Token to further call my API's?
@ibrahimzaidi8871
@ibrahimzaidi8871 3 года назад
hey do you have any github repository ? so that i can download it from there
@hectormanuelsantosbautista7032
@hectormanuelsantosbautista7032 2 года назад
Would the implementation in react native with expo be the same way?
@devJaminur
@devJaminur 2 года назад
wow..nice video
@AyanKhan-dc3eu
@AyanKhan-dc3eu 2 года назад
My react app is working fine on desktop but on android browser its white blank after using auth0 what can be the issue? are you able to use your react app over wifi on android after using auth0?
@isurumadusanka9256
@isurumadusanka9256 2 года назад
Thank you
@sumanpokharel1718
@sumanpokharel1718 2 года назад
great video . i have a query tho . errorhandler middleware code does not work (except for new Error("not found")) or am i wrong.
@mafiacodes
@mafiacodes 2 года назад
Watch this video for more clarity on error handler to clear all doubts. 3. Setting up express with Error handler | Node JS API Authentication ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bv0sdSGnX2I.html
@kunaljethva9623
@kunaljethva9623 2 года назад
Awesome video ❣️
@DTUSEM
@DTUSEM 3 года назад
Thanks sir
@santhoshkumar2911
@santhoshkumar2911 3 года назад
Can you share the code used please.
@mafiacodes
@mafiacodes 3 года назад
I'll check if I have, but u can follow the video for all the steps
@cosmelvillalobos6448
@cosmelvillalobos6448 3 года назад
hey man how do you apply the same logic in Rails, I am trying to replicate it, but when I try to pull the user information on my backend using rails, I am not getting it.
@arielzarate3643
@arielzarate3643 Год назад
gracias mi hermano me sirvio ♥
@riyasahamedm4747
@riyasahamedm4747 Год назад
Which Terminal you are using?
@mafiacodes
@mafiacodes Год назад
Zsh with spaceship propt
@fooked1
@fooked1 3 года назад
How can you setup registration callbacks to create a user in your own api's DB?
@mafiacodes
@mafiacodes 3 года назад
two options, either create a webhook in auth0 OR as suggested by auth0 itself that every time a request is made to backend using the token, search if u have a user or else create one.
@shobhitsaini8110
@shobhitsaini8110 2 года назад
code on github??
@subhashgn1775
@subhashgn1775 2 года назад
Is auth0 free forever if the no of users under 7000?
@mafiacodes
@mafiacodes 2 года назад
Yes I guess so
@subhashgn1775
@subhashgn1775 2 года назад
Thank you for the response. It was so quick. Grateful to you.
@ABUTAHER-wg7gz
@ABUTAHER-wg7gz Год назад
if i reload the page
@ivayloivanov7398
@ivayloivanov7398 2 года назад
Guys everything works normally, but there is no req.user. Please help
@latestsongsshorts6306
@latestsongsshorts6306 2 года назад
Have u resolved it?
@thaisonnguyen8165
@thaisonnguyen8165 2 года назад
@@latestsongsshorts6306 using, req.auth
@ol1175
@ol1175 2 года назад
BEST!
@mafiacodes
@mafiacodes 2 года назад
Subscribe like share
@alnurabdala6115
@alnurabdala6115 2 года назад
i get an error saying jwt is not a function how do I fix this??
@walternomas
@walternomas Год назад
var { expressjwt: jwt } = require("express-jwt");
@dimodimchev7164
@dimodimchev7164 3 года назад
Do you have any idea how this can be replicated with a Django backend?
@mafiacodes
@mafiacodes 3 года назад
You use it the same way but the django way, simply get the jwk from auth0 to verify the access token on the backend and the frontend remains the same
@dimodimchev7164
@dimodimchev7164 3 года назад
@@mafiacodes I’m struggling on the verification part in Django
@Ganesh_Golhar
@Ganesh_Golhar 8 месяцев назад
sir could you please provide Source code
@subhashgn1775
@subhashgn1775 2 года назад
Do we need to call the getacesstokensilently() for every api call in different component. Can we use it as state in root component, if so how to handle when the page gets refreshed?
@engineerscodes
@engineerscodes Год назад
Hey your just exposing your api key & client ID what about security
@rakesh3372
@rakesh3372 3 года назад
Hi, can I have a consultation with you?
@mafiacodes
@mafiacodes 3 года назад
What kind of?
@rakesh3372
@rakesh3372 3 года назад
@@mafiacodeson a project idea
@sanitbandekar
@sanitbandekar 3 года назад
Hello where are you ??
@mafiacodes
@mafiacodes 3 года назад
some other projects are going on...:)
@Ben-hw1lr
@Ben-hw1lr 2 года назад
the code please ...
@mafiacodes
@mafiacodes 2 года назад
I don’t really know if I have the code now, if it’s on GitHub the link must be there in the description
@Ben-hw1lr
@Ben-hw1lr 2 года назад
@@mafiacodes il n’y a pas de lien github
@latestsongsshorts6306
@latestsongsshorts6306 2 года назад
req.user not working for me. It gives undefined
Далее
OAuth 2.0 and OpenID Connect (in plain English)
1:02:17
OAuth 2.0 using Auth0 | React.js and Node.js
43:52
Просмотров 65 тыс.
ID Tokens VS Access Tokens: What's the Difference?
8:38