[GSI_LOGGER]: The given origin is not allowed for the given client ID | Google login error |

[@salometchintcharauli4506]

Tnank you for the video. I bloody search for it several hours and I solved it easily with your video. Great job!

[@9dwd]

thank you, finally someone who give the solution that's crazy nobody said that we should just put localhost without shit after

[@webdevsolutions]

Thankyou @Gazer Gazer, it's is great to hear that it helped you 👍.

[@LarryOklahoma]

Cross-Origin-Opener-Policy policy would block the window.postMessage call. I get this error when I click on the google button in the console anyone know how to fix this issue?

[@Hakerbreak]

Same here

[@prasanthmaddiboina4151]

@Web Dev Solutions i have deployed and added the deployed url even then i am getting this error cam you please make a video of deploying it and show without any problems please

[@webdevsolutions]

Hey, you can watch our this video on complete Google login integration kzbin.info/www/bejne/pGSzZmilaKyZr5I

[@AbhikChowdhury-j7y]

thanks a lot bro I was just fustreted with the this error you make me free of gult that I was making mistake of writting code , thanks lot you are a seviour.

[@webdevsolutions]

You're most welcome 🤗🤩

[@chrishung1998]

you saved my life! love from Taiwan for you :)

[@chaituhamster1256]

i am using this in react js and it still does not remove the error any idea why?

[@webdevsolutions]

Thankyou for reaching out Chaitu Hamster, you can watch this video kzbin.info/www/bejne/pGSzZmilaKyZr5I where everything is implemented step by step in react and check what you are missing.

[@weikangng3597]

Hi I face this problem if online .... how to set correctly?? I

[@zollogamecenter1045]

Hi! I get the same error but I guess it is connected with Referrer-Policy and I don't understand where to change it. Do you know something about that?

[@webdevsolutions]

May I get to know the URL where you are running the app in development ? Just try adding the the URL in the google cloud console. If further you are facing any error try send a screen shot by using imgbb.com/ , I will try to figure it out.

[@learnerboy4405]

@webdevsolutions I am try to make Sign up with google. But when I run my app it automatically detect my browser account and sign in. I don't want that I want that when user click on signup button then it should login

[@webdevsolutions]

Hey you can watch the documentation here www.npmjs.com/package/@react-oauth/google and find "auto_select" so that you can easliy sort out the problem, if further facing issue, feel free to ping me 🤗.

[@learnerboy4405]

@@webdevsolutions Ohk! Thank-you

[@kylecaruthers3011]

I am running the web server on my computer. How do I allow others to have the button working? Right now when local users connect to my web server with http:x.x.x.x:4200 they click the button and get a blank window for google. It seems to only work when i'm on the local host. Thanks.

[@webdevsolutions]

Does the URL be same for everyone ? You can different URLs if there is any and you can upload your image here imgbb.com/ so that we can get to know what is wrong, Thankyou🤗.

[@kylecaruthers3011]

@@webdevsolutions I am not using a domain... So that is the issue. Thanks.

[@kylecaruthers3011]

@@webdevsolutions The url is the ip address of the machine hosting the application. And you can not put an ip address inside the google configuration.

[@webdevsolutions]

Is there any specific errors coming for the users in console ? If you cannot add an IP in google configuration how you made it work when you are connected ?

[@arshdeepsinghbhankhar4190]

the current origin isn't registered with the google oauth client ? any idea

[@webdevsolutions]

Hey you can see this video where everything is explained from end t end kzbin.info/www/bejne/pGSzZmilaKyZr5I

[@rizkyandi6535]

u are my hero dude , Thank you very much

[@muskanmohammad1405]

how to do this in angular 14 version can u plz temme

[@ofir_]

hey, i have the same issue, but after I build react app into django, and then trying from port 8000, what can be the problem? ( I added local host and localhost:8000)

[@webdevsolutions]

If you have hosted it try adding the 'URL' of the app, note that it should not contain any sub paths. Full video on error after hosting: kzbin.info/www/bejne/iHeshqOEfdikq6c If it is localhost try adding 'localhost' also because only port is not sufficient. Check if there is no Incorrect configuration of the Google API credentials in your Django app. If you still facing an issue, please let us know. Thankyou for reaching out to us ☺

[@ofir_]

@@webdevsolutions Hey thanks. So like I said, when I use it through a react port 3000, everything works. After I make a build and move to work on port 8000, and also in deploy (so using same origin), I get the following errors: * Failed to load resource: the server responded with a status of 400 * m=credential_button_library:45 [GSI_LOGGER]: The given origin is not allowed for the given client ID. Of course I cofigure Authorised JavaScript origin and redirected URIs. The backend is in DJANGO if that helps. Thanks Again!

[@webdevsolutions]

That sounds good, that we are able to figure out your problem 😊👍

[@ofir_]

@@webdevsolutions sorry mayble you misunderstood, I still have a problem: * Failed to load resource: the server responded with a status of 400 * m=credential_button_library:45 [GSI_LOGGER]: The given origin is not allowed for the given client ID.

[@webdevsolutions]

Add the URL where you are running the app in google cloud console, like if you are running in localhost:8000 just add it. This might solve your errors. Note that in some of the browsers it mayn't work due to extensions and cache. If you can provide detailed context on what is the problem and by sharing images through imgbb.com/ we can make a video so that everyone who faces it can solve their issue.

[@HitoriTesla]

thanks you so much, u saved my 24 hrs

[@mozartappcademy]

I am running a script from apps script, do you know what URL do i have to set ?

[@webdevsolutions]

Thankyou for reaching out, can you please elaborate (explain) the problem 🤔.

[@ggwp4241]

You saved my life, thankiu

[@TheSmashten]

The given client ID is not found.

[@sarthakpati7650]

I was facing the same error. Got it Solved after 4 hours of headache🤯. And yes I already had both the Authorized Javascript Origins(localhost ad localhost:3000) still it was giving error. So i just uninstalled react-scripts, then install again. And works fine now

[@dr.shreyas123]

I am getting this error in production. But for localhost it's working fine.

[@shakasheznuts7888]

Hi there, Im still getting the error you have. I'm kinda turning my wheels at this point.

[@webdevsolutions]

May I get to know the URL where you are running the app in development ? Just try adding the the URL in the google cloud console. If further you are facing any error try send a screen shot by using imgbb.com/ , I will try to figure it out.

[@shakasheznuts7888]

@@webdevsolutions I have, im using localhost:8080

[@shakasheznuts7888]

@@webdevsolutions ill send the scrren shots

[@webdevsolutions]

Change your port number in the in google cloud and check if it is correctly configured in code, detailed video on end to end implementation of google login integration: kzbin.info/www/bejne/pGSzZmilaKyZr5I If it works fine, then it is great. if not please try sending the screenshots link after uploading in imgbb.com so that we can figure it out 👍.

[@shakasheznuts7888]

@@webdevsolutions I promise you, I folled it step by step, i sent pictures but its not populating. My host port is 8080

[@felipesantiago6814]

thanks!! It works!

[@webdevsolutions]

Good to hear that we are able to solve your error 🙂.

[@DmytroFrame]

Thanks so much, is really work

[@r-427likhitha5]

Brohh mine was not solved please replay

[@ifyezeoke7100]

Legend 🙌

[@ujjwalkumar3505]

omg it really worked

[@PrakashS-fu9un]

bro i'm facing same issue in my ggole login

[@aswathik3602]

Thanks for this video

[@Tony-wr4ge]

Thanks Mate ❤

[@MatthewBal]

thank you! that helped a lot

[@sushanthrao3341]

Thank you very much 🙏

[@RahulThakur-h3z]

Thanks for solution

[@Gameover-ys1sk]

Thanks a lot❤

[@nasirahmadahmady9897]

Thanks for this

[@shawantkapali8068]

Thank you so much.

[@ВиталикМазилу-ю3б]

Thanks very much

[@rahulaithal697]

Thanks Dude

[@unknown6032]

really thankful

[@akashpanday3583]

Thanks bro so much

[@wesleygomesqueiroz8863]

thank you!

[@cristhianmarioverahuamani7481]

thanks you very macth

[@Тимофей-ч2у5ъ]

THANKS!

[@danielemartinelli2700]

Thanks

[@webdevsolutions]

You're welcome @Daniele Martinelli 🤗.

[@iwillchangemybadtime8480]

Thanks