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或我的localhost，但之后它表示连接失败。

实施中是否有遗漏/错误？

非常感谢你的帮助。

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()来为您提供一个众所周知的功能，并提供您可能需要的所有选项。

OAuth.io连接失败

1 个答案: