这将是一个关于入门的问题,如果您刚开始学习编程,可能会遇到类似的问题。
我以前使用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中时,什么也没有显示(除非在
</body>
之前输入一些hello world文本)。我已经查看了有关如何运行事物的JavaScript / HTML教程,但没有任何效果。我知道在先前链接的先决条件部分中(我会再次链接,但我太新了,stackoverflow不让我),它说“您需要一个允许您在线托管HTML文件的地方。”它还引用了Heroku,但我找到的任何资源都带我去应用程序托管,我不明白为什么(这只是为了测试此功能),我首先需要将其在线托管而不是将其放入我的浏览器中(或从C / C ++调用
ShellExecute
来运行它)。[编辑:]感谢大家迄今为止提供的所有帮助,我只是希望我之前没有因为错别字而浪费时间,而是让所有乐于助人的人能够找到问题的根源。
}
。 - Adam Elsodaney