OAuth.io连接失败

Question

我是网络编程的新手，我试着在我的网络应用中使用oauth.io。根据指示，我完成了facebook和Google的配置。当我在他们的网站上测试配置时，一切正常。然而，当我尝试实现我的webapp时，OAuth不会连接到提供程序。

我在html中加载了oauth.js，在html中创建了一个按钮，并使用onclick="pop"调用javascript中的函数。在javascript中的pop()函数中，我添加了：

OAuth.initialize('the-public-key-in-my-acc");
OAuth.popup('facebook', function(err, res) { if (err) { alert(something)});

然后我点击按钮。一个弹出窗口立即闪现并关闭。我还尝试使用OAuth.redirect并将其重定向到http://oauth-io.github.io/oauth-js或我的本地主机，但随后它显示连接失败。

在实现中是否缺少/错误了什么？

非常感谢你的帮助。

PS:我正在使用localhost，并且我已经尝试将redirect-url设置为localhost:portnr。但还是失败了。:(

下面是我编写的示例代码：

Html：

<div><button onclick="oauthPop()">Try OAuth-io</button></div>

JS：

var oauthPop = function() {
OAuth.initialize('my-pub-key-on-authio');
OAuth.popup('facebook', function(err, res) { // or OAuth.callback
    // handle error with err
    if (err) {
        alert ("error")
    } else {
        // get my name from fb
        res.get('/me').done(function(data) {
            alert(data.name)
        })
    }});
}

Answer 1

OAuth.io需要加载jQuery，才能使用OAuth.popup()的结果发出HTTP请求。它在后台使用jQuery.ajax()，让您可以使用您可能需要的所有选项来创建一个众所周知的函数。