我试图测试OAuth按钮，但它们都(Facebook, Twitter, LinkedIn)返回错误，似乎表明我不能从本地URL测试或使用它们。
如果开发人员都需要非开发和非本地连接环境，那么他们通常如何使用OAuth的东西进行开发呢?
当前回答
将本地域设置为mywebsite.example.com(并将其重定向到localhost)—尽管通常使用的是mywebsite.dev。这将允许健壮的自动测试。
虽然不允许授权.test和.dev，但在谷歌oauth2中允许授权example.com。
(你可以在你的hosts文件(unix/linux: /etc/hosts)中将任何域重定向到localhost)
为什么mywebsite.example.com ? 因为example.com是保留域名。所以
在您的机器上不会有命名冲突。 如果您的测试系统公开数据，则没有数据风险 到not-redirected-by-mistake.example.com。
其他回答
参考谷歌OAuth
在您的OAuth客户端选项卡 将你的App URI示例(http://localhost:3000)添加到Authorized JavaScript origins URI中 在你的OAuth同意界面 将mywebsite添加到“授权域名” 在windows或linux windows C:\Windows\System32\Drivers\etc\hosts linux: /etc/hosts上编辑hosts文件，添加127.0.0.1 mywebsite(注意，如果有其他127.0.0.1，请注释掉任何)
另一个有价值的选择是https://github.com/ThomasMcDonald/Localhost-uri-Redirector。这是一个非常简单的html页面，可以重定向到您在UI中配置的任何主机和端口。
该页面托管在Github https://thomasmcdonald.github.io/Localhost-uri-Redirector上，所以你可以使用它作为你的OAuth2重定向url，并在UI中配置你的目标主机和端口，它会重定向到你的应用程序
Mac用户:编辑/etc/hosts文件。如果它是只读的，你必须使用sudo vi /etc/hosts。授权后，oauth服务器发送回调URL，由于该回调URL是在您的本地浏览器上呈现的，因此本地DNS设置将工作:
127.0.0.1 mylocal.com
我遇到了一些问题，在其他答案中提到的工具，如http://tolocalhost.com不转发查询参数(更不用说你必须访问页面并首先配置它，与https://thomasmcdonald.github.io/Localhost-uri-Redirector/相同的情况)和http://lvh.me对我没有用处，因为我在本地机器上运行代理，需要公共URL指向像http://mywebsite.dev这样的私有URL。
所以我做了自己的工具来满足我的需求，也可以满足你们的需求:
https://redirectmeto.com
例子:
https://redirectmeto.com/https://www.google.com/search?q=puppies
http://redirectmeto.com/http://localhost:4000/oauth/authorize
http://redirectmeto.com/http://client.dev/page
将本地域设置为mywebsite.example.com(并将其重定向到localhost)—尽管通常使用的是mywebsite.dev。这将允许健壮的自动测试。
虽然不允许授权.test和.dev，但在谷歌oauth2中允许授权example.com。
(你可以在你的hosts文件(unix/linux: /etc/hosts)中将任何域重定向到localhost)
为什么mywebsite.example.com ? 因为example.com是保留域名。所以
在您的机器上不会有命名冲突。 如果您的测试系统公开数据，则没有数据风险 到not-redirected-by-mistake.example.com。
