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

버전 1.0
저자: Falko Timme

이 가이드는 Facebook 소셜 네트워크를 위한 RSS 피드 리더 애플리케이션을 구축하는 방법을 보여줍니다. 이 애플리케이션은 Facebook 사용자의 프로필 페이지에 블로그/웹 사이트의 RSS 피드를 표시합니다(이 RSS 피드 리더 애플리케이션을 설치한 사용자). RSS 피드의 각 항목에는 친구들과 이야기를 공유할 수 있는 공유 버튼이 있으며, 애플리케이션에는 최대 10명의 친구를 초대하여 이 피드 리더 애플리케이션을 설치할 수 있도록 하는 초대 링크가 있습니다. 저는 PHP5를 사용하여 RSS 피드 리더 애플리케이션을 구축할 것입니다. RSS 피드를 구문 분석하고 HTML을 생성하기 위해 Magpie RSS를 사용할 것입니다.

이 애플리케이션은 HowtoForge RSS Feed Reader for Facebook을 설치하여 작동하는 모습을 볼 수 있습니다.

이 문서는 어떠한 종류의 보증 없이 제공됩니다! 이것이 당신에게 작동할 것이라는 보증을 하지 않습니다!

1 사전 참고

이 가이드는 실제 사례인 HowtoForge RSS Feed Reader for Facebook을 기반으로 하며, 이 예제에서는 실제 URL과 스크립트를 사용할 것입니다(비밀 데이터인 API 키와 Secret만 교체).

앞서 언급했듯이, 저는 Facebook의 PHP 클라이언트 라이브러리를 사용하여 이 애플리케이션을 구축하기 위해 PHP5를 사용하고 있습니다. 이론적으로 PHP4도 사용할 수 있지만, 클라이언트 플랫폼은 PHP5에 최적화되어 있으므로 가능하면 PHP5를 사용하는 것이 좋습니다.

이 예제에서는 fb.howtoforge.com 호스트를 사용하여 애플리케이션을 호스팅합니다. 이는 PHP5를 지원하는 웹사이트입니다.

자신의 Facebook 애플리케이션을 작성하기 시작하기 전에 Facebook에 등록해야 합니다(아직 계정이 없는 경우) 그리고 http://developers.facebook.com/get_started.php에 설명된 대로 Facebook 개발자 애플리케이션을 계정에 추가해야 합니다:

그 후, Facebook 앱을 만드는 데 익숙해지기 위해 이러한 예제부터 시작해야 합니다. 그러나 이 튜토리얼에서는 처음에 이러한 예제를 다시 사용할 것입니다. 모든 것이 예상대로 작동하는지 확인한 후에 제 자신의 내용을 작성해 보겠습니다.

2 새 애플리케이션 설정

애플리케이션 프로그래밍을 시작하기 전에 Facebook에 애플리케이션에 대해 알려야 하며, 그러면 Facebook은 애플리케이션을 구축하는 데 필요한 API 키와 Secret을 제공합니다.

이제 Facebook 개발자 애플리케이션을 계정에 추가했으므로, Facebook 페이지로 이동합니다. 이제 왼쪽 탐색에서 개발자 앱을 볼 수 있어야 합니다. 클릭하세요. 개발자 페이지가 열리면 오른쪽 상단 근처에 있는 + 새 애플리케이션 설정 버튼을 클릭합니다:

이제 새 애플리케이션 페이지에 있습니다. 저는 제 앱의 이름을 HowtoForge RSS Feed Reader로 하고 싶으므로 애플리케이션 이름란에 이를 입력합니다. 이 필드 아래의 체크박스를 체크하여 Facebook 플랫폼의 약관에 동의함을 표시합니다. 그런 다음 지원 이메일 주소를 입력합니다(여기에는 귀하 또는 귀하의 동료 개발자에게 연락할 수 있는 주소여야 합니다). 콜백 URL은 애플리케이션이 호스팅될 위치입니다. 제 것은 http://fb.howtoforge.com/fb/htf_feed_reader/에 호스팅될 것이므로 이를 입력합니다. 캔버스 페이지 URL은 애플리케이션이 가질 Facebook 주소입니다. 원하는 주소를 입력하세요(예: http://apps.facebook.com/htf_feed_reader), 그러면 양식이 해당 주소가 여전히 사용 가능한지 여부를 알려줍니다. 그런 다음 FBML 및 웹사이트 사용을 선택합니다(둘 다 기본 선택이어야 합니다):

콜백 URL에 대한 중요한 참고 사항: URL은 반드시 슬래시(/)로 끝나야 합니다. 그렇지 않으면 사람들이 나중에 자신의 계정에서 애플리케이션을 방문할 때 유명한 “URL …이 응답하지 않았습니다.” 오류가 발생합니다:

다음으로, 여전히 새 애플리케이션 페이지에서 다른 옵션을 입력합니다. “귀하의 애플리케이션을 Facebook에 추가할 수 있습니까?”라는 질문에 “예”로 답합니다. 서비스 약관(TOS) URL 필드는 비어 있어도 괜찮습니다. 추가 개발자가 있다면 추가합니다. Post-Add URL로는 캔버스 페이지 URL(http://apps.facebook.com/htf_feed_reader, 제 경우)을 사용합니다. 애플리케이션에 대한 설명을 입력합니다. Post-Remove URL은 비워두어도 됩니다. 기본 FBML 필드에는 애플리케이션이 프로필 페이지에 콘텐츠를 제공하지 않을 경우 사용자 프로필에 표시되기를 원하는 텍스트를 입력할 수 있습니다. 그런 다음 콘텐츠가 표시될 프로필 열을 선택합니다. RSS 피드에는 많은 텍스트가 있으므로 넓은 열이 좋은 선택입니다:

새 애플리케이션 페이지 아래쪽에는 우리가 채워야 할 또 다른 필드가 있습니다. 사이드 내비게이션 URL입니다. 다시 말해, 이는 캔버스 페이지 URL과 동일합니다(http://apps.facebook.com/htf_feed_reader, 제 경우). 다른 모든 필드는 비워두어도 됩니다. 그 후 제출을 클릭합니다:

이제 API 키와 애플리케이션의 Secret을 찾을 수 있는 내 애플리케이션 페이지에 있어야 합니다. 복사하세요. 나중에 애플리케이션에 필요합니다.

내 애플리케이션 페이지 아래쪽에는 PHP(4 및 5) 클라이언트 라이브러리에 대한 링크가 있습니다: