블로그를 위한 Facebook RSS 피드 리더 애플리케이션 설정 방법 - 2페이지

3 PHP5 클라이언트 라이브러리 설정

이제 피드 리더 앱이 위치할 웹사이트의 디렉토리에 PHP 클라이언트 라이브러리를 다운로드하겠습니다 (예: http://fb.howtoforge.com/fb/htf_feed_reader/). 이 예제에서는 fb.howtoforge.com의 문서 루트가 /var/www라고 가정합니다 (다른 경우에는 다음 명령어를 조정하십시오). 먼저 /var/www/fb/htf_feed_reader 디렉토리를 생성합니다:

mkdir -p /var/www/fb/htf_feed_reader

그런 다음 PHP 클라이언트 라이브러리를 다운로드하고 압축을 풉니다:

cd /var/www/fb/htf_feed_reader  
wget http://developers.facebook.com/clientlibs/facebook-platform.tar.gz  
tar zxvf facebook-platform.tar.gz

이렇게 하면 facebook-platform/ 디렉토리와 그 하위 디렉토리 client/가 생성되며, 여기에는 PHP 5용 클라이언트 라이브러리 (facebook.php 및 facebookapi_php5_restlib.php)가 포함됩니다. 이 두 파일을 /var/www/fb/htf_feed_reader로 복사하고 facebook-platform.tar.gz 및 facebook-platform을 삭제합니다:

cp facebook-platform/client/facebook.php .  
cp facebook-platform/client/facebookapi_php5_restlib.php .  
rm -rf facebook-platform.tar.gz facebook-platform

4 우리의 첫 번째 간단한 애플리케이션

이제 우리의 첫 번째 매우 간단한 앱을 작성할 수 있습니다. 먼저 API 키, 비밀 및 콜백 URL과 같은 기본 설정을 포함하는 appinclude.php 파일을 생성하고, 이 파일을 앱의 모든 파일에 포함시킵니다:

vi /var/www/fb/htf_feed_reader/appinclude.php

| require_login(); //[todo: 다음 URL을 콜백 URL로 변경] $appcallbackurl = 'http://fb.howtoforge.com/fb/htf_feed_reader/'; //쿠키에 유효하지 않은 session_key가 있는 경우 발생하는 예외를 잡습니다. try { if (!$facebook->api_client->users_isAppAdded()) { $facebook->redirect($facebook->get_add_url()); } } catch (Exception $ex) { //이것은 애플리케이션의 쿠키를 지우고 로그인 프롬프트로 리디렉션합니다. $facebook->set_user(null, null); $facebook->redirect($appcallbackurl); } ?> |

그런 다음 콜백 URL (http://apps.facebook.com/htf_feed_reader)이 호출될 때 실행될 index.php 파일을 생성합니다. 이 간단한 예제에서는 Facebook 사용자 ID와 함께 hello와 같은 내용을 출력합니다:

vi /var/www/fb/htf_feed_reader/index.php

| hello $user

이제 브라우저를 열고 콜백 URL (http://fb.howtoforge.com/fb/htf_feed_reader) 또는 애플리케이션의 캔버스 URL (http://apps.facebook.com/htf_feed_reader)을 입력합니다. 어느 쪽이든 hello 와 같은 페이지로 리디렉션되어야 합니다. 실제로 그렇게 되며, 이는 우리의 설정이 작동하고 있음을 의미합니다:

HowtoForge RSS Feed Reader에 로그인 버튼을 클릭합니다. 다음 페이지에서 모든 체크박스를 선택한 상태로 두고 HowtoForge RSS Feed Reader 추가를 클릭하여 이 애플리케이션을 계정에 설치합니다:

앱이 설치되면 가장 먼저 발생하는 것은 콜백 URL (http://fb.howtoforge.com/fb/htf_feed_reader)이 호출되는 것이므로 hello 와 같은 내용을 볼 수 있어야 합니다. 실제로 그렇게 되며, 이는 우리의 설정이 작동하고 있음을 의미합니다:

프로필 페이지에서 이제 넓은 열에 HowtoForge RSS Feed Reader를 찾을 수 있어야 하며 (애플리케이션을 Facebook에 설정할 때 지정한 기본 FBML을 표시하며 - 우리의 간단한 앱은 아직 자체 FBML을 생성하지 않습니다) 왼쪽 탐색 메뉴에도 항목이 있어야 합니다:

이제 index.php를 약간 수정하고 프로필 페이지에 기본 FBML 대신 표시될 텍스트를 입력할 수 있는 입력 필드를 추가합니다:

vi /var/www/fb/htf_feed_reader/index.php

| hello $user

보시다시피, 프로필 페이지의 FBML은 $facebook->api_client->profile_setFBML() 함수를 사용하여 변경할 수 있습니다.

이제 애플리케이션의 캔버스 페이지로 다시 가십시오 (제 경우에는 http://apps.facebook.com/htf_feed_reader). 이제 hello … 줄 아래에 텍스트 상자가 표시되어야 합니다:

텍스트를 입력하고 프로필에 텍스트 표시 버튼을 클릭합니다:

그런 다음 프로필 페이지로 다시 가십시오. 이제 텍스트 상자에 입력한 텍스트가 표시되어야 합니다:

다음 예제에서는 모의 AJAX를 사용하여 캔버스 페이지와 프로필의 내용을 동적으로 업데이트합니다:

vi /var/www/fb/htf_feed_reader/index.php

| hello $user

캔버스 페이지에서 이제 새로운 텍스트 상자를 볼 수 있어야 합니다:

텍스트를 입력하고 아래에 텍스트 그리기 버튼을 클릭하십시오…

…그러면 텍스트가 버튼 아래에 즉시 나타납니다:

이제 동일한 기능이 프로필 페이지에서도 사용할 수 있습니다: