Enjoying my videos? Sign up for FREE content here: https://www.thecoopercodes.com/
In this video I go over implementing login using the new Google Identity Services login. We use the Google Identity Services to authorize a successful Google login and then save the JWT in our React project. This tutorial is also useful when using external authorization alongside the google login authorization.
Business inquiry? Email thecoopercodes@gmail.com
source
Thank you!!
Not working it's throwing error google is not defined in the browser and script link is throwing 404 aborted in console
Thanks for this video, it helped me a lot! Is there a way to persist the logged in state on the page refresh? It was possible in the "old" login method with OAuth2, I wonder if we can achieve the same.
LOVE IT !!!
it is working for me suddenly and then on other times it just shows a blank white screen
Im using typescript in react and it says cannot find google in google.accounts.id.initialize
google is not defined
Sir, i kept on having this error "The given origin is not allowed for the given client ID.", how can i fix this?
i follows every step yet i'm getting error that google is not defined, i'm pretty sure that i wrote the script correctly in index.html and i followed the exact steps you done, any ideas ?
Thanks works perfectly 🎉
Thank you so much. So clear.
Sometimes this fails. Showing Google not found error in the console. Because the page loads before the Google script loads. Is there any work around for this behaviour.
can you help me out ..can you please tell me how to redirect the page after the google one tap login ..i am stuck there
god!!!!!!
it shows google not defined.
Easy to follow, voice is clear, explanations are perfect!!!!!!!
Thank you, thank you, thank you!!! I have been trying to get an old program running for two days. None of my old stuff worked. All the tutorials I tryed did not work. Nothing gave me the token!
Excellent explanations, thank you very much. I wanted to ask if someone after several times refreshing the page has shown this error in the console ? Uncaught ReferenceError: google is not defined I am using exactly the same code as this example
Hello, do you have a tutorial on global state or redux to manage user object?
for sign in part in 9:45 , after entering the test account, the google NEED me to ENTER PASSWORD instead of direct logged in , can you suggestion the possibile problem?
HI ! thanks for the video , can you shortly brief whats the different between this and the video of Google OAuth 2.0 Login for React in 5 minutes?
Thank you ! I have a question… can I define a restriction in the Google platform to allow the login only to emails addresses with an specific domain?
using vue with this tutorial, super helpful
Thank you for saving my life in my job lol
Nice video! Can I make the login, checking user-mail in db? I think the userObject will have the email if user sign in google, right? Is it safe only check if the userObject email exists in my db?
Amazing tutorial! I have watched plenty of tutorials overall and this is one of the easiest to understand and straight to the point. Also, I loved how I just did what you said and it worked the first time! That doesn't happen often. Keep it up 💯💯
why you don't need to store user state in localStorage , your state is not persisting
Can you please do one video for github login with react. Thanks
love you
how can i do this with expo reactnative, I' stuck at this for awhile
Hi!! I'm still getting a google not defined error during mounting, how do you fix that??? I put the script in and you can access google object from the console but react will throw an error while rendering (not compiling, I disabled the linter for that) and will not render anything.
up to now. Your soft is great too!
spoiler alert. if someone is getting an error google not defined then it means lint is on and if yes then use this
/*global google*/
google.accounts
Fallen Sun yeah! e too
HI, can we add our own custom styles to button apart from size, theme and width provided by google.For me, I want to change background of icon to dark, so for this I need some help to change, for which i didn't find any solution or api reference for the new google identity services. Do we have any other solution for that? if not, can we trigger event on click our own button, which will call the google auth api if this is possible, which particular function need to be used.
When you set the src of the img to be the link to the picture, don't you need to authenticate that call with an access_token? I had problems in the past where at some point it would start to return 403
many thanks 🙏