Add Google OAuth 2.0 Login for React in 5 minutes 2024 (Easy Method)

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

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

  • @AkashGautam-k2u
    @AkashGautam-k2u 7 месяцев назад +6

    Very Very Thank you bhai, I am fixing a error from 5 days using bard, chatGPT and google . it always show error, now i watch this video . in seconds my error is solved .. Very very thank you bhai....♥♥🙏🙏

    • @ADayWithDev
      @ADayWithDev  7 месяцев назад +2

      I am really gratefull that my video helped you out ❤️

  • @MasudRana-bd3of
    @MasudRana-bd3of Месяц назад

    Good tutorial man, thanks

  • @sobanhassan1883
    @sobanhassan1883 7 месяцев назад +4

    Can you please make a video on how to show it logged in inside the firebase console. Thank you

  • @technew5509
    @technew5509 9 месяцев назад +5

    please make video with custome button with google login

  • @silentworldsound
    @silentworldsound 9 месяцев назад +2

    Very nice,Thanks;

  • @GeekSlider
    @GeekSlider 2 месяца назад +1

    There is bug in the lib it always asks consent popup for backend implementation

    • @ADayWithDev
      @ADayWithDev  2 месяца назад

      @@GeekSlider do follow through process there is no need of backend implementation here , but the id you have to sent it to backend

    • @GeekSlider
      @GeekSlider 2 месяца назад

      ​@@ADayWithDevno there is a open github issue for it

  • @JoseMartinez-eq5uo
    @JoseMartinez-eq5uo 5 месяцев назад +1

    hello can you put de url, where I can read the information? thanks

  • @DeepakGupta-n9z
    @DeepakGupta-n9z 9 месяцев назад +3

    On local its working fine but on Production this is not working

    • @ADayWithDev
      @ADayWithDev  9 месяцев назад

      Bro it's working fine I have also pushed this code on production that website is also live , please let me know where you are getting error

    • @DeepakGupta-n9z
      @DeepakGupta-n9z 9 месяцев назад

      @@ADayWithDev on cloud console i use local url as well production url
      sitll same error getting.

    • @ADayWithDev
      @ADayWithDev  9 месяцев назад

      Bro you have to configure your website in Google , in video I have shown where you can set it production url it will work then

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

    What about the message shown right after creating credentials? "OAuth access is restricted to the test users listed on your OAuth consent screen". Does it matter?

  • @augustop6319
    @augustop6319 8 месяцев назад +1

    Hi, should they be automatically logged into the Firebase auth panel (where the email goes along with a uid key)? Or what should I do to be able to register users in that panel?

    • @ADayWithDev
      @ADayWithDev  8 месяцев назад +1

      For registration , create a field with google_id (in back-end) and also make password conditional if Google I'd is comming from front-end then no need for hasync password

    • @ADayWithDev
      @ADayWithDev  8 месяцев назад +1

      Just like register make post request with email and google_id

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

      In the credential response, is there any field that is specific to a user? Like the uid, for example? I found a key returned in the object called 'jti' or something similar, but I don't think it's the specific identifier... I understand what you're saying; my issue is that I need to authenticate with auth since I use the realtime database, and my rules are true only for authenticated users.@@ADayWithDev

  • @moeezraza9124
    @moeezraza9124 2 месяца назад +1

    I was trying it for a long but your video makes me successful, but your tutorial was fast I have to speed it down.

    • @ADayWithDev
      @ADayWithDev  2 месяца назад +2

      @@moeezraza9124sorry for the fast tutorial but I need you got it ♥️

  • @sachinpnwr
    @sachinpnwr 10 месяцев назад +3

    Very nice bro ❤️

  • @arpande973
    @arpande973 9 месяцев назад +2

    bhai tumne embedded viewer api ko implement kiya ho to please video bana dena

    • @ADayWithDev
      @ADayWithDev  9 месяцев назад

      Can you tell me in brief i didn't understand

  • @nawazishali274
    @nawazishali274 2 месяца назад +1

    after getting response from google mean client id and token it does not navigating me to the authorized redirect url

    • @ADayWithDev
      @ADayWithDev  2 месяца назад

      @@nawazishali274 you have to setup it manually

    • @nawazishali274
      @nawazishali274 2 месяца назад

      @@ADayWithDev mean I should navigate to some specific page once when I get response mean token client Id in susscess case scenario?

  • @srimanikanta8440
    @srimanikanta8440 3 месяца назад

    After the deployment using Vercel or netlify. Does the above authentication works?? Because i need to deploy , I dont know whether it works or not? Can you clarify me

  • @jasim17
    @jasim17 7 месяцев назад +1

    thank you for the awesome videos in short time duration... you deserve more subscribers..

    • @ADayWithDev
      @ADayWithDev  7 месяцев назад

      ❤️ It's Really Mean a lot 😭

    • @dskim2459
      @dskim2459 3 месяца назад

      seriously. those with 1M subscribers can't explain like this. and they only care about money, using all paid services unnecesarily.

  • @NdemaEmmanuel_
    @NdemaEmmanuel_ 8 месяцев назад +1

    Hey, i am tryng to do that of acebook but i have issues

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

      What you are having issue dm me on instagram @daywithdev

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

      I've DM'ed you!

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

    But how do I secure all the routes with Google auth

  • @JuliaLee-kp5ny
    @JuliaLee-kp5ny 3 месяца назад

    I keep getting this error
    The given origin is not allowed for the given client ID.

    • @ADayWithDev
      @ADayWithDev  2 месяца назад

      @@JuliaLee-kp5ny can you please share your issue on my email daywithdeveloper@gmail.com

  • @rakshi4291
    @rakshi4291 7 дней назад +1

    Thank you ❤

    • @ADayWithDev
      @ADayWithDev  7 дней назад

      @@rakshi4291 your welcome

    • @rakshi4291
      @rakshi4291 7 дней назад

      Hi sir I logged in but where the user doubt is there that loged data of users being stored ???

  • @pranayshah5456
    @pranayshah5456 4 месяца назад

    Facing this error --- Invalid token specified: must be a string

    • @ADayWithDev
      @ADayWithDev  4 месяца назад

      @@pranayshah5456 you should use token inside " " this

  • @MuhammadQasim-zu2xj
    @MuhammadQasim-zu2xj 2 месяца назад +1

    working with my created google console account email only i can login with any other email not working any one ?

    • @ADayWithDev
      @ADayWithDev  2 месяца назад

      @@MuhammadQasim-zu2xj it will work with any gmail you have setup it as per website

  • @LunarXyle
    @LunarXyle 9 месяцев назад +1

    thank you so much!

    • @ADayWithDev
      @ADayWithDev  9 месяцев назад

      It's happy to hear it's helped you ❤️ , If you like our video ,like it I won't tell you to subscribe it's upto you ❤️💕

  • @winneferreira4865
    @winneferreira4865 7 месяцев назад +1

    Consigo rodar isso em apk?

  • @peremos7781
    @peremos7781 2 месяца назад +1

    Google OAuth 2.0 is free?

  • @ArindamMukherjee-k6h
    @ArindamMukherjee-k6h 9 месяцев назад +1

    m=credential_button_library:49 [GSI_LOGGER]: The given origin is not allowed for the given client ID. this is the error i am getting

    • @ADayWithDev
      @ADayWithDev  9 месяцев назад

      Have you wrapped ? Google auth in aap.js ? With your reference I'd ?

    • @AkashGautam-k2u
      @AkashGautam-k2u 7 месяцев назад

      You should also add localhost at js origin in google console

    • @MurtazaKhan-pi5co
      @MurtazaKhan-pi5co 5 месяцев назад

      @@ADayWithDev i am getting same problem

  • @SravanKing-x1q
    @SravanKing-x1q 8 месяцев назад +1

    how to add user details into database after this login

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

      Just make a function to catch details and trigger an api there