페이스북 API 사용방법

1. 페이스북API 사용방법 For Android 이재원

2. 목차 • 페이스북SDK 설치 • 2가지 예제 & 소스 • API사용 예제 프로젝트 만들기 (Wall Post) • Graph API • 참고사항 & 사이트

3. 페이스북SDK - 다운로드 • https://github.com/facebook/facebook-android-sdk * Git를 이용해 다운로드 받는 것과 downloads 버튼을 눌러 받는 소스의 버전차이에 주의! (23.Feb.2011 현재) Version이 계속 바뀌는 중.. (Explorer version이 낮으면 다운로드 X)

4. 페이스북SDK – 디렉토리 구조 Facebook-android-sdk example facebook tests simple stream Login, Upload Photo, Request, Post Wall AyncFacebookRunner.java DialogError.java Facebook.java FacebookError.java FbDialog.java Util.java Login, TimeLine

5. 페이스북SDK – library

6. 페이스북SDK – 프로젝트 생성 • Facebook library 참조 project 생성 • New->Project->Android Project • Create project from existing source -> 압축 푼 폴더안에facebook폴더 • Target 설정 (2.1update이후 권장) • Finish * 소스를 .jar로 묶어 프로젝트에 추가해도 마찬가지..

7. 예제1 – 프로젝트 생성 • Simple예제 실행 방법 * SDK는 따로 설치과정 없이, 프로젝트 참조 라이브러리로 바로 적용 가능 앞서 과정과 동일하며, 2번과정에facebook대신 simple폴더를 추가.

8. 예제1 – 예제 소스 개발APP의 ID입력 (*APP등록은 아래 슬라이드에..)  Main Object인 Facebook형 변수선언 • API에 대한 call back interface • Facebook 객체에 그대로 접근 • Graph API를 사용 (*방법은 아래 슬라이드에서..) ! 인증부분에 대한 내용은 다음 예제에서..

9. 예제1 – 실행 화면들

10. 예제2 – 또 다른 예제.. • Introduction to Facebook APIs http://www.ibm.com/developerworks/library/x-androidfacebookapi/(16.dec.2010) *예제 자료의 버전 차이로몇 가지 에러 수정된 프로젝트를 카페에 탑재 실행방법은 simple예제 프로젝트 생성과 동일..

11. 예제2 – 예제 소스 자신이 새로 등록한 APP ID를 등록 • Authentication에 있어 Permssion설정 • (API에 대한 내용은 아래 슬라이드에서 설명) WallPost기능에 접근하는 API부 인증부(Permission 지정) 친구list를 출력하는 기능에 접근하는 API부

12. 예제2 – 실행 화면들

13. API사용 예제 프로젝트 만들기 • 진행 순서 • 새로운 프로젝트 생성 후, 프로젝트 라이브러리 참조 • 페이스북 홈페이지에서 개발APP등록 (ID얻기) • 프로젝트 안에 APP ID설정 및 초기화 • UI구성 후 리스너 추가하여 기능별 API와 연결

14. API사용 예제 프로젝트 만들기 • 새로운 빈 project 생성 • New->Project->Android Project • Create new project in workspace • Target 설정 (2.1update이후 권장) • Properties 설정 (name,package등…) • Finish

15. API사용 예제 프로젝트 만들기 • Facebook library project 참조 • Project -> Properties • Android -> Library -> Add • com_facebook_android선택 위와 같이 표시되면 성공

16. API사용 예제 프로젝트 만들기 • Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급 http://www.facebook.com/developers/apps.php에 접속 후오른쪽 상단에 ‘Set Up New App’ 버튼 클릭

17. API사용 예제 프로젝트 만들기 • Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급 • Fb 또는 facebook에서 개발한 상표, 이름에 조심 • 겹치면 다음 단계에서 다시 뒤로 돌아옴..

18. API사용 예제 프로젝트 만들기 • Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급  앱이름과 설명, Language등을 설정한 후, 변경내용 저장

19. API사용 예제 프로젝트 만들기 • Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급  앱이름과 설명, Language등을 설정한 후, 변경내용 저장

20. API사용 예제 프로젝트 만들기 • Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급  앱이름과 설명, Language등을 설정한 후, 변경내용 저장

21. API사용 예제 프로젝트 만들기 • Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급 APP ID API Key APP Secret

22. API사용 예제 프로젝트 만들기 • 잠깐!! 안드로이드에서 인터넷 연결을 사용하려면,,, <uses-permission android:name=“android.permission.INTERNET”></uses-permission>  위와 같은 문장을 추가하여 사용자 permission에 INTERNET을 추가

23. API사용 예제 프로젝트 만들기 • 프로젝트 안에 APP ID 설정 및 초기화 간단한 Single-Sign-On예제 public class LoginDemo extends Activity { Facebook facebook = new Facebook("204388172912043"); // input your APPID @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); facebook.authorize(this, new DialogListener() { // default authorize method public void onComplete(Bundle values) {} public void onFacebookError(FacebookError error) {} public void onError(DialogError e) {} public void onCancel() {} }); } @Override public void onActivityResult(intrequestCode, intresultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); facebook.authorizeCallback(requestCode, resultCode, data); } }  위에서 등록한 앱의ID NUMBER를 입력  기본 인증작업 * 계정 인증서를 저장하고 응용프로그램의 정보를 검색할 때마다 다시 로그인 하지 않아도 되는Service  Activity 종료 시, 인증된 부분을 Call back

24. API사용 예제 프로젝트 만들기 • 프로젝트 안에 APP ID 설정 및 초기화

25. API사용 예제 프로젝트 만들기 • UI 구성 후, 버튼 리스너 만들기 • UI구성은 reslayoutmain.xml참고 • 버튼에 OnClickListener를 활용하여 클릭되었을 때, 해당API를 호출 (소스참고) ?

26. API사용 예제 프로젝트 만들기 • 인증(Authentication) – 내용 추가 http://developers.facebook.com/docs/authentication/  기본 인증 메소드를 이용할 경우, 사용자이름, 프로필사진, 성별, 사용자ID, 친구 리스트 등을 인증 받을 수 있고, 다른 기능을 이용하려면 추가 Permission을 받아야 한다.  앱의 사용에 대한 인증 부분으로, 인증이 정상적으로 처리되면 Graph api를 사용하기 위해 얻어야 할 access token을 얻을 수 있다.

27. API사용 예제 프로젝트 만들기 • 기능별 API로 연결  Graph API를 가져다 쓸 때 Graphpath라는 문자열을 이용하게 되는데, 문자열 접근을 위해 request메소드를 사용하여 접근, 성공이면 onComplete로 가서다음 동작을 수행하게 된다.

28. 예제 실행 화면들

29. Graph API • Graph API ? 그래프 API는 페이스북의 핵심 플랫폼으로 주요 객체인 사람과 사진, 이벤트 등의 소셜 그래프를 간단하고 일관성있게 보여주며, 친구, like, tag 등을 통해 그 요소들을 연결해줍니다. JSON http://www.json.org/

30. Graph API • API 사용방법 http://developers.facebook.com/docs/reference/api/ • 사용하고 싶은 API를 가져올 때, request()라는 걸 사용하는데, 첫 번째 인자로 들어가는 GraphPath를 이용하여 API에 접근할 수 있다. 그 뒤에 RequestListener에서는 실행되고 난 다음 동작을 처리하게 된다. GraphPath에 대한 정보는 http://developers.facebook.com/docs/reference/api/ 를 참조 • (request작업은 인증 후에 이루어져야 한다.)

31. Graph API • API reference – 기본기능 * User

32. Graph API • API reference – 기본기능 * User – Example Code

33. Graph API • API reference – 기본기능 * Friends

34. Graph API • API reference – 기본기능 * Friends – Example Code

35. Graph API • API reference – Dialog Dialog관련 – mobile app에서는 대부분 dialog로 구성 http://developers.facebook.com/docs/reference/dialogs/feed/ * Feed Dialog – 게시물 올리기 public void dialog(Context context, String action, DialogListenerlistener) { dialog(context, action, new Bundle(), listener); } Properties  app_id, message, picture 등… (사이트 참고) Return value 

36. Graph API • API reference – Dialog * Feed Dialog – Example Code

37. 참고사항 & 사이트 • http://ksseo63.blog.me/120122118186안드로이드에페이스북 적용 • http://blog.naver.com/ljmgood123?Redirect=Log&logNo=105914020페이스북API 자료 링크 (web개발용) • http://developers.facebook.com/docs/guides/mobile/#android안드로이드페이스북SDK 설치 가이드 (공식홈) • http://hiddenid.tistory.com/2윈도우OS에서 GIT를 활용한 소스 다운로드 • http://www.androidpub.com/569202#comment페이스북 설치관련 에러사항에 관한 글 • http://wans2o.blog.me/120595384안드로이드 어플리케이션 이미지 버튼 생성하기 • 나머지는 나중에 올리도록 하겠습니다..