blocks|key|698001|text|为了进一步了解pinoyyid的答案，下面是您希望在/etc/hosts文件中得到的内容。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|698002|0.0.0.0+mywebsite.com|code-block|syntax|javascript|698003|我在里面的其他东西之后又加上了新的规则。|698004|然后，您可以在mywebsite.com访问您的开发站点，并在Google控制台中输入正确的重定向URL。|698005|entityMap^0|Q|A|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|V|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

Further to pinoyyid's answer, here's what you'd want in your <code>/etc/hosts</code> file.

<pre><code>0.0.0.0 mywebsite.com
</code></pre>

I put new rules after everything else that's already in there.

you can then access your development site at mywebsite.com and enter the correct redirect URL in the Google Developer's Console.

blocks|key|698033|text|您可以将“授权重定向URI”设置为本地IP+(如http://127.0.0.1/callback)，它对我来说很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|698034|真正令人苦恼的是，谷歌不允许用户将外部IP+(假设您的服务器IP类似于99.99.99.99)配置为“授权重定向URI"，谷歌希望”授权重定向URI“以公共顶级域(如.com或.org)结尾。|698035|entityMap|0|LINK|mutability|MUTABLE|url|http://127.0.0.1/callback^0|O|P|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

You can set "Authorized redirect URI" to local IP (like <a href="http://127.0.0.1/callback" rel="nofollow noreferrer">http://127.0.0.1/callback</a>), it's working fine for me.

What really agonizing is that google don't allow user to config an external IP (let's say your server IP like 99.99.99.99) as "Authorized redirect URI", google want the "Authorized redirect URI" to end with a public top-level domain (such as .com or .org).

blocks|key|807129|text|只需将开发服务器IP地址映射到/etc/host中的dev.example.com即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|807130|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Just map your dev server IP address to dev.example.com in your /etc/hosts.

blocks|key|807222|text|我为此做了一个简单的工具。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|807223|只需将重定向URL设置为http://redirectmeto.com/http://mywebsite.local/login/auth即可|offset|length|807224|entityMap|0|LINK|mutability|MUTABLE|url|http://redirectmeto.com/http://mywebsite.local/login/auth^0|0|C|1L|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

I made a simple tool for this exact purpose.
Just set your redirect URL to <a href="http://redirectmeto.com/http://mywebsite.local/login/auth" rel="nofollow noreferrer">http://redirectmeto.com/http://mywebsite.local/login/auth</a>

blocks|key|698102|text|您可以像这里所描述的那样，将本地主机隧道到公共站点。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|698103|entityMap|0|LINK|mutability|MUTABLE|url|https://medium.com/@Madgeek_in/oauth-2-testing-on-localhost-with-https-ssl-f3aa3655f089^0|4|2|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can ngrok to tunnel your localhost into public site, as described <a href="https://medium.com/@Madgeek_in/oauth-2-testing-on-localhost-with-https-ssl-f3aa3655f089" rel="nofollow noreferrer">here</a>.

blocks|key|698041|text|关键是在本地环境中使用https+URL。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|698042|在OSX上，您可以安装本地https证书：https://github.com/FiloSottile/mkcert|698043|或者用Laravel+Valet。|698044|因此，新的localhost+URL变成：https://mywebsite.local|698045|然后将这个https回调保存在谷歌上。在我的电脑上工作|698046|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/FiloSottile/mkcert^0|B|5|0|L|11|0|0|0|L|N|0|5|5|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|H|3|I|5|6|7|12|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|L|3|M|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|N|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|U]]]]

The key is to use an <code>https</code> URL on your local environment.

On OSX you can install local https certificate: <a href="https://github.com/FiloSottile/mkcert" rel="nofollow noreferrer">https://github.com/FiloSottile/mkcert</a>

Or use Laravel Valet.

So, your new localhost URL becomes: <code>https://mywebsite.local</code>

Then save this <code>https</code> callback on google. Works on my computer

blocks|key|1934254|text|根据我的经验，您必须使用带有公共顶级域的localhost或url+(我使用.bar)，并且所有重定向url都必须是https+(如果您想要验证google应用程序-为sheets/驱动器api所需)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1934255|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In my experience you have to use localhost or url with public top level domain (I use .bar) and all redirect urls have to be https (in case you want to have verified google app - needed for sheets/drive api)

blocks|key|807209|text|对于windows用户，步骤将有所帮助：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|807210|转到主机文件，它应该是C：\Windows\System32+32\drivers\etc|ordered-list-item|807211|在主机文件中创建添加条目，如127.0.0.1+localhost.com|807212|省省吧。用户localhost.com作为google控制台中的一个组织。|807213|谢谢。|807214|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|O|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|P|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Q|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|L|$]]

Steps will help for windows users:
<ol>
<li>Go to host file which should be C:\Windows\System32\drivers\etc</li>
<li>Create add entry in host file like
127.0.0.1 localhost.com</li>
<li>Save it. User localhost.com as a organization in google dev console.</li>
</ol>
Thanks.

I want to test the Google Social login system on my local machine. However when I create a new OAuth button: 'Create New Client ID' it requires me to fill in the Authorized redirect URI which needs to be a valid address (ends with .com or .org).

Obviously when we develop locally we don't have the .com or .org at the end. I have a virtualhost setup... and my address to my local development is mywebsite.local

Is there a way to input the redirect URI to be <code>mywebsite.local</code> without receinv the error:

<blockquote>
 Invalid Redirect: <a href="http://mywebsite.local/login/auth">http://mywebsite.local/login/auth</a> must end with a
 public top-level domain (such as .com or .org)
</blockquote>

Possible to test Google social login locally?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我想在我的本地机器上测试Google登录系统。但是，当我创建一个新的OAuth按钮：“”时，它要求我填写经过授权的重定向URI，它需要是一个有效的地址(以.com或.org结尾)。显然，当我们在本地开发时，最终没有.com或.org。我有一个虚拟主机装置..。我的本地发展地址是mywebsite.local是否有一种方法可以将重定向URI输入为mywebsite.local，而不重述错误：无效的重

问可以在本地测试Google的社交登录吗？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可以在本地测试Google的社交登录吗？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可以在本地测试Google的社交登录吗？
EN