37
페페페페 API 페페페페 For Android 페페페

페이스북 API 사용방법

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: 페이스북 API  사용방법

페이스북 API 사용방법For Android

이재원

Page 2: 페이스북 API  사용방법

페이스북 SDK 설치

2 가지 예제 & 소스

API 사용 예제 프로젝트 만들기 (Wall Post)

Graph API

참고사항 & 사이트

목차

Page 3: 페이스북 API  사용방법

https://github.com/facebook/facebook-android-sdk

페이스북 SDK - 다운로드

Version 이 계속 바뀌는 중 ..(Explorer version 이 낮으면 다운로드 X)

* Git 를 이용해 다운로드 받는 것과 downloads 버튼을 눌러 받는 소스의 버전차이에 주의 ! (23.Feb.2011 현재 )

Page 4: 페이스북 API  사용방법

페이스북 SDK – 디렉토리 구조Facebook-android-sdk

streamsimple

testsfacebookexample

Login, Upload Photo, Request, Post Wall

Login, TimeLine

AyncFacebookRunner.javaDialogError.javaFacebook.javaFacebookError.javaFbDialog.javaUtil.java

Page 5: 페이스북 API  사용방법

페이스북 SDK – library

Page 6: 페이스북 API  사용방법

페이스북 SDK – 프로젝트 생성 Facebook library 참조 project

생성

1. New->Project->Android Project

2. Create project from existing source -> 압축 푼 폴더안에 facebook 폴더

3. Target 설정 (2.1update 이후 권장 )

4. Finish

* 소스를 .jar 로 묶어 프로젝트에 추가해도 마찬가지 ..

Page 7: 페이스북 API  사용방법

예제 1 – 프로젝트 생성 Simple 예제 실행 방법

* SDK 는 따로 설치과정 없이 , 프로젝트 참조 라이브러리로 바로 적용 가능

앞서 과정과 동일하며 , 2 번과정에 facebook 대신 simple폴더를 추가 .

Page 8: 페이스북 API  사용방법

예제 1 – 예제 소스

개발 APP 의 ID 입력 (*APP 등록은 아래 슬라이드에 ..)

Main Object 인 Facebook 형 변수선언 API 에 대한 call back interface

Facebook 객체에 그대로 접근

Graph API 를 사용 (* 방법은 아래 슬라이드에서 ..)

! 인증부분에 대한 내용은 다음 예제에서 ..

Page 9: 페이스북 API  사용방법

예제 1 – 실행 화면들

Page 10: 페이스북 API  사용방법

예제 2 – 또 다른 예제 .. Introduction to Facebook APIshttp://www.ibm.com/developerworks/library/x-androidfacebookapi/(16.dec.2010)

* 예제 자료의 버전 차이로 몇 가지 에러 수정된 프로젝트를 카페에 탑재

실행방법은 simple 예제 프로젝트 생성과 동일 ..

Page 11: 페이스북 API  사용방법

예제 2 – 예제 소스 자신이 새로 등록한 APP ID 를 등록

WallPost 기능에 접근하는 API 부

친구 list 를 출력하는 기능에 접근하는 API 부

Authentication 에 있어 Permssion 설정 (API 에 대한 내용은 아래 슬라이드에서 설명 )

인증부 (Permission 지정 )

Page 12: 페이스북 API  사용방법

예제 2 – 실행 화면들

Page 13: 페이스북 API  사용방법

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

Page 14: 페이스북 API  사용방법

API 사용 예제 프로젝트 만들기 새로운 빈 project 생성

1. New->Project->Android Project

2. Create new project in workspace

3. Target 설정 (2.1update 이후 권장 )

4. Properties 설정 (name,package 등… )

5. Finish

Page 15: 페이스북 API  사용방법

API 사용 예제 프로젝트 만들기 Facebook library project 참조

1. Project -> Properties2. Android -> Library -> Add3. com_facebook_android 선택4. 위와 같이 표시되면 성공

Page 16: 페이스북 API  사용방법

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

Page 17: 페이스북 API  사용방법

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

Fb 또는 facebook 에서 개발한 상표 , 이름에 조심 겹치면 다음 단계에서 다시 뒤로 돌아옴 ..

Page 18: 페이스북 API  사용방법

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

앱이름과 설명 , Language 등을 설정한 후 , 변경내용 저장

Page 19: 페이스북 API  사용방법

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

앱이름과 설명 , Language 등을 설정한 후 , 변경내용 저장

Page 20: 페이스북 API  사용방법

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

앱이름과 설명 , Language 등을 설정한 후 , 변경내용 저장

Page 21: 페이스북 API  사용방법

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

APP ID

API Key

APP Secret

Page 22: 페이스북 API  사용방법

API 사용 예제 프로젝트 만들기 잠깐 !! 안드로이드에서 인터넷 연결을 사용하려면 ,,,

위와 같은 문장을 추가하여 사용자 permission 에 INTERNET 을 추가

<uses-permission android:name=“android.permission.INTERNET”></uses-permission>

Page 23: 페이스북 API  사용방법

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

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(int requestCode, int resultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); facebook.authorizeCallback(requestCode, resultCode, data); }}

위에서 등록한 앱의 ID NUMBER 를 입력

Activity 종료 시 , 인증된 부분을 Call back

간단한 Single-Sign-On 예제

기본 인증작업

* 계정 인증서를 저장하고응용프로그램의 정보를 검색할 때마다 다시 로그인 하지 않아도 되는 Service

Page 24: 페이스북 API  사용방법

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

Page 25: 페이스북 API  사용방법

API 사용 예제 프로젝트 만들기 UI 구성 후 , 버튼 리스너 만들기1. UI 구성은

reslayoutmain.xml 참고2. 버튼에 OnClickListener 를

활용하여 클릭되었을 때 , 해당API 를 호출 ( 소스참고 )

?

Page 26: 페이스북 API  사용방법

API 사용 예제 프로젝트 만들기 인증 (Authentication) – 내용 추가

http://developers.facebook.com/docs/authentication/

앱의 사용에 대한 인증 부분으로 , 인증이 정상적으로 처리되면 Graph api 를 사용하기 위해 얻어야 할 access token 을 얻을 수 있다 .

기본 인증 메소드를 이용할 경우 , 사용자이름 , 프로필사진 , 성별 , 사용자 ID, 친구 리스트등을 인증 받을 수 있고 , 다른 기능을 이용하려면 추가 Permission 을 받아야 한다 .

Page 27: 페이스북 API  사용방법

API 사용 예제 프로젝트 만들기 기능별 API 로 연결

Graph API 를 가져다 쓸 때 Graphpath 라는 문자열을 이용하게 되는데 , 문자열 접근을 위해 request 메소드를 사용하여 접근 , 성공이면 onComplete 로 가서 다음 동작을 수행하게 된다 .

Page 28: 페이스북 API  사용방법

예제 실행 화면들

Page 29: 페이스북 API  사용방법

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

JSONhttp://www.json.org/

Page 30: 페이스북 API  사용방법

Graph API API 사용방법

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

(request 작업은 인증 후에 이루어져야 한다 .)

http://developers.facebook.com/docs/reference/api/

Page 31: 페이스북 API  사용방법

Graph API API reference – 기본기능

* User

Page 32: 페이스북 API  사용방법

Graph API API reference – 기본기능

* User – Example Code

Page 33: 페이스북 API  사용방법

Graph API API reference – 기본기능

* Friends

Page 34: 페이스북 API  사용방법

Graph API API reference – 기본기능

* Friends – Example Code

Page 35: 페이스북 API  사용방법

Graph API API reference – Dialog

http://developers.facebook.com/docs/reference/dialogs/feed/ Dialog 관련 – mobile app 에서는 대부분 dialog 로 구성

* Feed Dialog – 게시물 올리기 public void dialog(Context context, String action, DialogListener listener) { dialog(context, action, new Bundle(), listener); }

post_id The ID of the posted story, if the user chose to publish.Return value

Properties app_id, message, picture 등… ( 사이트 참고 )

Page 36: 페이스북 API  사용방법

Graph API API reference – Dialog

* Feed Dialog – Example Code

Page 37: 페이스북 API  사용방법

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

참고사항 & 사이트