4

这将是您想遇到的入门问题。

我以前使用 Facebook 进行过编程，但没有直接作为 Web 编程 - 所以，我了解 Graph API 的方式以及一般情况下的工作原理，但我没有任何 Web 编程经验，我有点迷茫关于如何从Facebook 的 文档中获得一个可以让我登录的工作网页（目标是尽可能使用纯 HTML/JavaScript，但允许使用 publish_stream 权限在墙上上传图像和发布链接等）。

这是到目前为止我没有完成 Facebook 告诉我的代码（以及我之前看到少量 HTML 后添加的少量代码）：

<!DOCTYPE html>
<html>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<head>
    The title of the document (test text)
</head>
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
// init the Facebook JavaScript SDK
    FB.init({
        appId       : 'EDITED OUT FOR PRIVACY BUT IS VALID IN MY CODE',
        channelUrl  : null,
        status      : true,
        cookie      : false,
        xfbml       : false
    });

    FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {
            // connected
        } else if (response.status === 'not_authorized') {
            // not authorized
            login();
        } else {
            // not_logged_in
            login();
        }
    });
};

function login() {
    FB.login(function(response) {
        if (response.authResponse) {
            // connected
            testAPI();
        } else {
            // cancelled
        }
    });
}

function testAPI() {
    console.log('Welcome!  Fetching your information... ');
    FB.api('/me', function(response) {
        console.log('Good to see you, ' + response.name + '.');
    });
}

(function(d){
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    ref.parentNode.insertBefore(js, ref);
}(document));
</script>
</body>
</html>

当我将其保存为 .html 文件并将其放入 Firefox 中时，什么也没有显示（除非我之前输入了一些 hello world 文本</body>）。我查看了有关如何运行的 JavaScript / HTML 教程，但无济于事。

我知道它在上一个链接的先决条件部分中说（我会再次链接它，但我在这里太新，stackoverflow 不会让我）“你需要一个让你在线托管 HTML 文件的地方。 " 它还引用了 Heroku，但我能找到的任何资源都将我带到应用程序托管，我不明白为什么（这只是为了测试这个功能）我需要首先在线托管它而不是仅仅将其放入我的浏览器（或ShellExecute从 C/C++ 调用以使其运行）。

[编辑：] 感谢您迄今为止的所有帮助，我只是希望到目前为止我还没有花时间处理错别字，而不是让所有乐于助人的人找到问题的根源。

4

1 回答 1

8

页面为空白的原因是，不打算显示任何显示 HTML。该示例的重点是演示登录和 API 调用。

如果您已经登录，那么您将看不到任何内容，如

FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {
            // connected
                        // <----- no calls
        } else if (response.status === 'not_authorized') {
            // not authorized
            login();
        } else {
            // not_logged_in
            login();
        }
    });
};

因此，如果您想知道它是否在您已经登录时工作，请尝试将 testAPI() 放在这里

if (response.status === 'connected') {
    // connected
    testAPI(); // <---------------
} else if (response.status === 'not_authorized') {
于 2012-10-25T00:52:05.693 回答