Step by Step: 페이스북 SDK를 이용해서 애플리케이션 개발하기

이 문서가 적용되는 제품 보기.

모두 확대 | 모두 축소

소개

최근 트위터(Twitter)나 페이스북(Facebook) 같은 소셜 네트워크 서비스(Social Network Service, 이하 SNS)를 이용해서 온라인에서 의사 소통하는 사람들이 많아졌습니다. 특히 이러한 서비스들은 자사의 웹 사이트뿐만 아니라 별도의 애플리케이션을 이용하여 접근할 수 있도록 오픈 API들을 제공하고 있어 보다 유연하고 다양한 방법으로 서비스를 이용할 수 있습니다.

페이스북 개발 키트(Software Development Tool Kit, 이하 SDK)는 대표적인 SNS 사이트인 페이스북 서비스를 이용하는 애플리케이션을 쉽게 개발할 수 있도록 제공되는 오픈 소스 라이브러리입니다.

이 문서에서는 페이스북 SDK를 이용해서 간단한 샘플 애플리케이션을 개발하는 방법을 설명합니다.

위로 가기

방법

페이스북 SDK를 이용해서 애플리케이션을 개발하는 방법을 다음과 같이 3단계로 나누어 설명합니다.

위로 가기

단계 1: 페이스북 SDK 설치하기

페이스북 SDK는 페이스북 사이트의 오픈 API를 이용해서 애플리케이션을 개발할 수 있도록 제공되는 라이브러리입니다.
ASP.NET 애플리케이션, 윈도우 폼 애플리케이션, 실버라이트 애플리케이션과 같은 다양한 애플리케이션에 적용될 수 있습니다.
페이스북 SDK에 대한 보다 자세한 정보는 페이스북 SDK 개요(영문) MSDN 문서를 참고하세요.

다음과 같은 방법으로 페이스북 SDK를 설치합니다.

페이스북 개발 키트 사이트에서 최신 버전의 SDK를 다운로드합니다.
페이스북 SDK는 애플리케이션에서 사용할 수 있는 DLL 파일들을 압축한 형태입니다.
DLL 파일을 압축풀기한 후 임의의 폴더에 저장합니다. (예: c:\Facebook SDK 라는 폴더를 생성하고 해당 폴더에 압축풀기를 합니다.)

위로 가기

단계 2: 페이스북 API 키 생성하기

페이스북에서 제공하는 API를 애플리케이션에서 사용하려면 우선 고유한 API 키를 생성해야 합니다.

다음 방법으로 개발하려는 애플리케이션에서 사용할 수 있는 API 키를 생성할 수 있습니다.

http://www.facebook.com/developers/developers/createapp.php 사이트에 접속합니다.
Application Name 입력란에 이름을 입력한 후 [Create Application]를 클릭합니다(여기서는 FBTest를 예로 사용함).
Essential Information 아래에서 생성된 Application ID, API 키, 비밀 정보를 확인할 수 있습니다.
단계 3에서 API 키 값이 필요하므로 기록해 두는 것이 좋습니다.
좌측 메뉴에서 [Advanced]를 클릭하고, Application Type 값을 Desktop으로 설정합니다.
페이지 하단의 [Save Changes]을 클릭해서 설정한 값을 저장합니다.

위로 가기

단계 3: 샘플 애플리케이션 작성하기

페이스북 SDK를 이용하여 친구 목록을 보여주는 간단한 샘플 애플리케이션을 작성하는 예입니다.

Visual Studio 2008을 실행합니다.
메뉴에서 [파일], [새로 만들기], [프로젝트]를 차례대로 클릭합니다.
프로젝트 형식에서 Visual C#을 선택하고, Windows Forms 응용 프로그램 템플릿을 선택합니다.
프로젝트 이름을 입력한 다음 [확인]을 클릭합니다(여기에서는 FBTest를 예로 사용함).
프로젝트가 생성되면 솔루션 탐색기에서 [참조]를 마우스 오른쪽 단추로 클릭한 다음 [참조 추가]를 클릭합니다.
참조 추가 화면에서 [찾아보기]를 클릭한 다음 단계 1에서 설치한 페이스북 SDK 폴더를 엽니다.
그런 다음 ‘Facebook.dll’ 을 선택한 후 [확인]을 클릭합니다.
Visual Studio의 도구 상자에서 마우스 오른쪽 단추를 클릭한 다음 메뉴에서 [항목 선택]을 클릭합니다.
도구 상자 항목 선택 화면에서 [찾아 보기]를 클릭합니다.
그런 다음 단계 1에서 페이스북 SDK를 설치한 폴더를 찾아 Facebook.Winforms.dll 파일을 선택합니다.
도구 상자에 페이스북 SDK에서 제공하는 항목이 추가된 것을 확인할 수 있습니다.
목록에서 FacebookService 항목을 두 번 클릭합니다.
구성 요소 트레이에 추가된 facebookService1 항목의 우측 상단의 화살표를 클릭하고, 단계 2에서 생성한 API 키에 해당하는 값을 입력합니다.

도구 상자에서 Button과 FriendList 컨트롤 각각 두 번 클릭해서 추가하고 다음과 같이 배치합니다.

추가한 Button 컨트롤의 (Name) 속성 값을 btnConnect로 지정하고, Text 속성 값을 Connect로 설정합니다.

btnConnect로 지정된 Button 컨트롤의 클릭 이벤트 처리기에 대한 코드를 다음과 같이 작성합니다.

private void btnConnect_Click(object sender, EventArgs e) {      // Facebook 사이트에 연결하기      facebookService1.ConnectToFacebook();      // 세션 연결이 되었는지 확인      if (facebookService1.SessionKey != null)      {           // 친구 목록 정보를 가져와서 FrinedList 컨트롤에 바인딩한다.           friendList1.Friends = facebookService1.Friends.GetUserObjects();           btnConnect.Enabled = false;      } }