1 / 37

페이스북 API 사용방법

페이스북 API 사용방법. For Android. 이재 원. 목차. 페이스북 SDK 설치 2 가지 예제 & 소스 API 사용 예제 프로젝트 만들기 (Wall Post) Graph API 참고사항 & 사이트. 페이스북 SDK - 다운로드. https:// github.com/facebook/facebook-android-sdk. * Git 를 이용해 다운로드 받는 것과 downloads 버튼을 눌러 받는 소스의 버전차이에 주의 ! (23.Feb.2011 현재 ).

scott-rush
Download Presentation

페이스북 API 사용방법

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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안드로이드 어플리케이션 이미지 버튼 생성하기 • 나머지는 나중에 올리도록 하겠습니다..

More Related