2011-11-08 2 views
0

저는 첫 번째 Facebook 응용 프로그램을 만드는 데 많은 시간을 할애하고 있으며 PHP와 Javascript 환경을 갖추고 있지만 Facebook 응용 프로그램을 설정하는 논리가 어떻게 작동하는지 이해하기가 어려워요.Facebook 응용 프로그램 개발 101

  1. 설정이 나타납니다 일부 오픈 그래프 항목이 일부 메타 태그보다 더 아무것도하기 : 내가해야한다는 것을 이해 최소한의에서

    .
  2. 나는 스크립트를 실행해야합니다 : 다음
  3. 내 HTML은 아래의 일부 코드를 필요로 바로 아래
  4. 난 그냥 내 몸 태그 다음에 아래 작성된 스크립트를 포함해야합니다.
  5. Facebook PHP 라이브러리를 포함 할 수 있습니다.

1) opengraph 메타 태그의 목적은 무엇입니까? 이것은 내 응용 프로그램에 전혀 영향을 줍니까?

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 라이브러리의 차이점은 무엇입니까? 그것은 효과적으로 동일한 일을합니까?

어리석은 질문에 사과 하긴하지만 현실적으로 페이스 북은 사용자가 응용 프로그램 개발에 익숙하지 않은 것으로 나타났습니다. 문서가 "흩어져서"실제로 최신이 아닌 것처럼 느껴지나요?

+1

이것은 4 가지 질문입니다. 각 질문을 개별적으로 질문해야합니다. 당신은 그들의 문서가 정말 훌륭하지 않다는 것은 맞습니다. – Max

+0

모두 관련이 있습니다. 만약 내가 (같은 코드의 일부분이) 서로 의존하는 4와 동일한 질문을한다면 그것은 논리적이지 못할 것이다. – mauzilla

답변

1

1 - 열린 그래프 프로토콜은 실제로 documentation에서 아주 잘 설명됩니다. 그 안에있는 데이터는 페이스 북이 귀하의 페이지에 대해 색인을 생성 할 것이므로 누군가가 페이지와 상호 작용할 때 표시되는 내용입니다 (예 : like)

2 - '어떻게해야합니까?' 당신은 페이스 북 API가 로딩되자 마자 실행하고자하는 메소드와 기능을 넣을 수있다. 따라서이 시점까지 모든 페이스 북 부서 등을 숨기거나 API가 준비되는대로 사용자의 로그인 상태를 얻기 위해 조치를 취할 수 있습니다. 위의 코드에서이 비트를 필요가없는 것 또한 참고 :

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

이 이미로드되고있다 '(기능 (D) {...'하단에 조금로드에 documentation를 확인하십시오. JS API를

3 -. 즉, 페이스 북 JS API를

4를로드하는 스크립트 태그입니다 - 이것은 당신이는 og의 메타 데이터를 읽을 수 있도록 대한 페이지를 알려줄 필요 네임 스페이스는 다시,이. 에서 잘 설명됩니다. open graph protocol documentation

5 - JS는 클라이언트 측입니다. PHP는 서버 측입니다.