2011-11-08 72 views
0

我忙于创建我的第一个Facebook应用程序,虽然我有PHP和JavaScript的经验,我努力理解为Facebook建立一个应用程序的逻辑是如何工作的。Facebook应用程序开发101

从最起码我知道,我需要:

  1. 设置出现一些opengraph项目只不过是一些meta标签更多。
  2. 我需要包含一个脚本编写以下只是我的身体标记后:
  3. 我要运行脚本:仅低于
  4. 我的HTML要求下面列出一些代码。
  5. 我可以包含Facebook PHP库。

1)什么是opengraph meta标签的目的是什么?这是否会影响我的应用程序?

2)脚本:

<!-- Load the Facebook SDK --> 

    <div id="fb-root"></div> 
    <script src="http://connect.facebook.net/en_US/all.js"></script> 
    <script> 
     // IS IT FAIR TO ASSUME THIS AREA BELOW CREATES THE FACEBOOK OBJECT? 
     window.fbAsyncInit = function() { 
     FB.init({ 
      appId  : 'APP ID', // App ID 
      status  : true, // check login status 
      cookie  : true, // enable cookies to allow the server to access the session 
      oauth  : true, // enable OAuth 2.0 
      xfbml  : true // parse XFBML 
     }); 

     }; 

     // WHAT DOES THIS DO? 

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

3)脚本(上文)。这是做什么的?我可以假设这个工作类似于jQuery框架,并且需要我加载上面的代码吗?

<script src="http://connect.facebook.net/en_US/all.js"></script> 

4)我的HTML标记更改为下面的代码。这是什么和为什么这是必需的?

<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:og="http://ogp.me/ns#" 
    xmlns:fb="https://www.facebook.com/2008/fbml"> 

5)虽然我理解包含PHP库的逻辑,但Javascript和PHP库有什么不同?它有效地做同样的事情吗?

很抱歉的愚蠢的问题,但在现实中,我发现Facebook的用户不是很友好的人,试图把应用开发,其文档感觉“散”,并没有真正最新的吗?

+1

这不是一个问题:它是四个。你应该分别问每个问题。你说得对,他们的文档不是很好。 – Max

+0

这一切都有关系。如果我要求与4相同的qeustion(某些代码可能)相互依赖,那将是不合逻辑的。 – mauzilla

回答

1

1 - 开放图形协议在documentation实际上解释相当好。这里的数据是Facebook会为你的页面编制索引,所以当有人与页面交互时会显示什么内容(例如类似的内容)

2 - 在你写的空间'//这是做什么?',你可以把facebook api加载后你想运行的方法和功能。因此,您可能希望隐藏所有的Facebook分部等,直到这一点,或采取一些行动,以获得用户的登录状态,一旦API准备就绪。还要注意的是,你不需要这一点在你的代码上面:

<script src="http://connect.facebook.net/en_US/all.js"></script> 

这已经被加载到你的“(功能(d){...”底部位上装载退房documentation。 JS API

3 - 这是加载Facebook的JS API

4 script标签 - 这是你需要告诉你的网页有关,以便它读取OG元数据的命名空间再次,这。在open graph protocol documentation

5进行说明以及 - JS是客户端。 PHP是服务器端。