Auth0 authentication in Reactjs using OAuth2

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024

Комментарии • 107

  • @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

  • @kevklash
    @kevklash Год назад +8

    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?

  • @justcreate1387
    @justcreate1387 Год назад +10

    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

  • @ConorTurner-f4l
    @ConorTurner-f4l 8 месяцев назад

    10/10 Amazing video, best on the subject. Many thanks :)

  • @VitalMercenary
    @VitalMercenary 3 года назад +6

    Thanks for this video, it was super helpful with the backend API authenticated requests portion!

  • @daniyallodhi7765
    @daniyallodhi7765 Год назад +2

    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

  • @thaisonnguyen8165
    @thaisonnguyen8165 2 года назад +1

    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?

  • @krutarthdarji
    @krutarthdarji Год назад +1

    Please provide Github repos for this. Great Video by the way!

  • @systemforge
    @systemforge 10 месяцев назад +2

    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

  • @RossGhazi
    @RossGhazi Год назад +1

    for min 7 there has been an update, rather than redirect="window.location.origin" use authorizationParams={{
    redirect_uri: window.location.origin,
    }}

  • @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

  • @akshayking1244
    @akshayking1244 Год назад +1

    Thank you soooooo much brother! Love this video and your voice as well! Thankful! 🙏

  • @asmapatel6127
    @asmapatel6127 2 года назад +1

    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?

  • @manojnavinjamuri5867
    @manojnavinjamuri5867 Год назад +1

    There is error in my application. Please resolve the error. My API is not authorizing single page application please resolve this

  • @JachMichael
    @JachMichael Месяц назад

    This is gold. Thanks, all the informations you need to secure your app is here :)

  • @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 ❤❤

  • @riteshthakur9250
    @riteshthakur9250 3 года назад +1

    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

  • @ronitpanda5964
    @ronitpanda5964 2 года назад +2

    Thanks a lot man this was a really helpful tutorial covering all the aspects of using auth0 in a full stack app

  • @akshayshinde2403
    @akshayshinde2403 6 месяцев назад +1

    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

  • @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?

  • @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 ??

  • @amjadawan4150
    @amjadawan4150 Год назад +1

    sir can we use this for any web app. is it completely secured?

    • @mafiacodes
      @mafiacodes  Год назад +1

      Yes any react app, things may change for react frameworks like nextjs/remix/etc

  • @fatcat500
    @fatcat500 3 года назад +2

    great vid thanks

  • @saurabhjainwal4604
    @saurabhjainwal4604 2 года назад +1

    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

  • @skverskk
    @skverskk 3 года назад +2

    Awesome!!!

  • @anishbishnoi29xD
    @anishbishnoi29xD 3 года назад +2

    Thanks ❤️

  • @knowwithfarhan9310
    @knowwithfarhan9310 2 года назад +1

    Thank you so much for this awesome tutorial, your teaching skill is super.

  • @hectormanuelsantosbautista7032
    @hectormanuelsantosbautista7032 2 года назад

    Would the implementation in react native with expo be the same way?

  • @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.

  • @shobhitsaini8110
    @shobhitsaini8110 2 года назад +1

    code on github??

  • @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?

  • @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?

  • @devJaminur
    @devJaminur 2 года назад +1

    wow..nice video

  • @alexanderhergert875
    @alexanderhergert875 10 месяцев назад

    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.

  • @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?

  • @vikivarun6122
    @vikivarun6122 2 года назад +1

    Really Great content

  • @chopy1012
    @chopy1012 Год назад +1

    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.

  • @prat_0501
    @prat_0501 Год назад

    I am using auth0, How can I authorize logged in user using firebase function?

  • @engineerscodes
    @engineerscodes Год назад

    Hey your just exposing your api key & client ID
    what about security

  • @dumindusameendra
    @dumindusameendra Год назад

    Hi, so if we were to deploy this, is having the auth configurations on index.js not a security risk?

  • @ABUTAHER-wg7gz
    @ABUTAHER-wg7gz Год назад

    if i reload the page

  • @isurumadusanka9256
    @isurumadusanka9256 2 года назад +1

    Thank you

  • @prabujs1785
    @prabujs1785 2 года назад +1

    great. Thanks for posting this video tutorial.

  • @deputyrook6232
    @deputyrook6232 2 года назад

    so Auth0 is an "extention", kind of, of OAuth2? by authenticating with Auth0 you're authenticating with OAuth2, right?

  • @crissatrapi3933
    @crissatrapi3933 8 месяцев назад

    wow!! this was seriously a great explanation even for beginners, 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' ??

  • @DTUSEM
    @DTUSEM 3 года назад +1

    Thanks sir

  • @ThanhNguyen-tj9pw
    @ThanhNguyen-tj9pw Год назад

    thanks for all, but can i ask your theme vsc ?

  • @parmarjaydip1994
    @parmarjaydip1994 8 месяцев назад

    Thank you so much . BTW which font is this ?

  • @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

  • @ibrahimzaidi8871
    @ibrahimzaidi8871 3 года назад

    hey do you have any github repository ? so that i can download it from there

  • @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.

  • @subhashgn1775
    @subhashgn1775 2 года назад +1

    Is auth0 free forever if the no of users under 7000?

    • @mafiacodes
      @mafiacodes  2 года назад +1

      Yes I guess so

    • @subhashgn1775
      @subhashgn1775 2 года назад

      Thank you for the response.
      It was so quick.
      Grateful to 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
      ruclips.net/video/Bv0sdSGnX2I/видео.html

  • @mdalkaium
    @mdalkaium 2 года назад

    Thanks for your nice explanation.

  • @abhishekmazumder2060
    @abhishekmazumder2060 3 года назад

    Amazing stuff brother. which font are you using on vscode editor?

  • @bhaskardixit1564
    @bhaskardixit1564 2 года назад

    Nice and clear. Understood the most of concepts thank you

  • @daniel67324
    @daniel67324 2 года назад

    Great stuff. Thank you for sharing.

  • @kunaljethva9623
    @kunaljethva9623 2 года назад

    Awesome video ❣️

  • @arielzarate3643
    @arielzarate3643 Год назад

    gracias mi hermano me sirvio ♥

  • @Ganesh_Golhar
    @Ganesh_Golhar 8 месяцев назад

    sir could you please provide Source code

  • @aathivive
    @aathivive Год назад

    Thank you so much. everything needed covered eloquently. big fan.

  • @santhoshkumar2911
    @santhoshkumar2911 3 года назад +1

    Can you share the code used please.

    • @mafiacodes
      @mafiacodes  3 года назад +3

      I'll check if I have, but u can follow the video for all the steps

  • @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

  • @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");

  • @ivayloivanov7398
    @ivayloivanov7398 2 года назад

    Guys everything works normally, but there is no req.user. Please help

  • @riyasahamedm4747
    @riyasahamedm4747 Год назад

    Which Terminal you are using?

  • @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.

  • @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?

  • @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

  • @ol1175
    @ol1175 2 года назад

    BEST!

  • @rakesh3372
    @rakesh3372 3 года назад

    Hi, can I have a consultation with you?

  • @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