Facebook 应用程序 oauth 对话框错误

Question

我一直在寻找答案好几天了，但一直没有成功，所以我终于发帖问了。

我正在本地开发一个 facebook 应用程序(它说我可以在指南中进行本地开发)并且在尝试授权该应用程序时遇到问题。

以下是我定向到 http://www.facebook.com/dialog/oauth?client_id=MY_APP_ID&redirect_uri=https://apps.facebook.com/MY_APP_NAME 时收到的错误消息

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Error
An error occurred with Footmarker. Please try again later.

API Error Code: 191
API Error Description: The specified URL is not owned by the application
Error Message: Invalid redirect_uri: Given URL is not allowed by the Application configuration.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Canvas 网址和网站网址:http://localhost:8888/app/

我正在使用 EasyPHP，因此使用端口 8888。我尝试将端口号更改为 80(默认)、8080(在 facebook 指南中使用)但没有成功。

我不知道是 EasyPHP 导致了问题，还是我做错了什么。

这件事让我发疯。非常感谢帮助。谢谢。

Answer 1

在此网址中:http://www.facebook.com/dialog/oauth?client_id=MY_APP_ID&redirect_uri=https://apps.facebook.com/MY_APP_NAME

您必须在您的 Facebook 应用程序设置中设置 redirect_uri=http://localhost:8888/app 并授权本地主机域(在 App domains 字段中)。

Site URL 和 Canvas URL 用于检查是否出于安全原因未将 redirect_uri 设置为另一个 URL，但标准指定了 redirect_uri，因此他们允许使用此参数。

就是为了我构建的这种错误OAuth.io .我们不希望更多的开发者像您一样为使用 OAuth 而头疼。

使用起来非常简单:

OAuth.popup('facebook', function(err, res) {
    // here, you can use res.access_token to make your API Call
    // or...
    res.get('/me')
       .done(function(data) {
        alert('Hello ' + data.name)
    })
})

有了这个，你就不会再弄错 URL 了:)