Testing Google OAuth 2.0 with localhost?

Question

How do I test the Google OAuth 2.0 on my app with localhost, since Google requires a top private domain as the authorized domain?

I tried to look up solutions, but all the solutions given have been a while ago, and I think Google has changed their service since then.

Katie, have you tried to use Google OAuth2 in your application running on localhost? If it doesn't work, what error do you get? I think you don't need to get localhost to the list of authorized domains. — Ján Halaša, Jun 04 '19 at 11:19

score 31 · Answer 1 · answered Mar 03 '21 at 17:46

localhost is not a valid top-level domain, and it won't let you generate credentials without setting up a consent screen. You can add more than one authorized domain if you'd like, but you can't leave it empty. But you CAN delete the field if you have no domains / would not like to add domains for now. you just can't LEAVE it empty.

Notice the description -- "When a domain is used". so it's not an obligation to add authorized domain for consent screen. Moreover, the authorized domain here is only related with consent screen. Authorized origins and Authorized redirect URLs needs to be specified in the credentials part, which is all that matters; specifying the origin from which requests will be accepted and where it will be redirected. So just omit the authorized domain in the consent screen.

So how to delete it? Just in case if you haven't noticed, just hover over the field and this little man will pop up. delete it. that's all. Now you should be able to save and continue, where it might ask you to setup scopes.

I know it's really late, hoping it might help others..

Awesome – thanks. After this, the next step for me was to add the localhost URIs to the project here https://console.cloud.google.com/apis/credentials . It let me add the authorized domain URIs after having creating it without any authorized domains. — user3773048, Feb 28 '23 at 19:21

score 2 · Answer 2 · edited Dec 09 '19 at 09:45

2

The list of authorized domains is required before you submit a request for app verification. If you want to configure a localhost redirect URI, that is configurable in your web OAuth client ID configuration.

edited Dec 09 '19 at 09:45

karel

5,489
46
45
50

answered Jun 04 '19 at 14:45

user2705223

1,219
6
10

5

But how can I enable OAuth2 sign-in for a server running on my local machine that I navigate to using `localhost`? This question is specifically about how to add `localhost` to the Authorized Domains. – ocket8888 Jan 29 '21 at 03:20

score 2 · Answer 3 · answered Jul 20 '20 at 21:38

2

After about an hour banging my head against the wall I found this article that has a step by step solution that works (as of July 2020).

Basically you need to create a service account, share the sheet with that account, and then it should work.

All of the other auth methods I tried either raised nonsense errors, or simply silently didn't work.

answered Jul 20 '20 at 21:38

sapo_cosmico

6,274
12
45
58

2

For some reason people get kicks out of giving negative points instead of answers, but this did indeed solve the problem. – sapo_cosmico Jul 29 '20 at 15:36
How do you use that article to enable "mydomain.dev" in google oauth2? – Barney Szabolcs Jan 02 '21 at 21:41
5

This is for a service account, not for oauth2. – Twitch Mar 03 '21 at 21:17

score 2 · Answer 4 · answered Jun 09 '21 at 21:04

2

In case anyone has struck out on the suggestions above, this answer did the trick for me. Set my authorized JavaScript origins URI to http://localhost:8080 in the google API console then emptied my Chrome cache.

answered Jun 09 '21 at 21:04

Peter Millspaugh

149
1
5

score 0 · Answer 5 · edited Sep 01 '22 at 21:03

0

You add your final domain for when you are ready to become verified. Until then you will generate an OAuth client ID and enable https://localhost:3000 in "Authorized JavaScript origins"

Simple screenshot of the field you can enter localhost

edited Sep 01 '22 at 21:03

Lorena Gomez

1,946
2
4
11

answered Jul 20 '22 at 04:22

josh hoffer

126
1
7

score 0 · Answer 6 · edited Sep 01 '22 at 11:52

0

Just add an OAuth-consent-screen from here without a domain or valid domain that's up to you, after that create Credentials from here, then select OAuth client ID and enter your from here you can add javascript origin url and there you go you've done.

edited Sep 01 '22 at 11:52

Lorena Gomez

1,946
2
4
11

answered Aug 24 '22 at 07:27

hsain solo

1

score 0 · Answer 7 · answered Sep 13 '22 at 18:26

Not beautiful, but works!

I've made local website(domain) on Xampp like test1.com, added that domain in Authorized domains and started Chrome from separate shortcut with parameter --ignore-certificate-errors Note, that when you start with this flag, Chrome must not be running!

It cause Chrome to open web site in the xampp\htdocs folder and I was forced to go to folder test1.git and then to public folder, where finally site opened and the url was: https://test1.com/test1.git/public

ps. Use port 80 in httpd-vhosts.conf and not 443!

Testing Google OAuth 2.0 with localhost?

7 Answers7

Linked