페이스북 SDK 사용방법

Download Report

Transcript 페이스북 SDK 사용방법

For Android
이재원

페이스북 SDK 설치

2가지 예제 & 소스

API사용 예제 프로젝트 만들기 (Wall Post)

Graph API

참고사항 & 사이트

https://github.com/facebook/facebook-android-sdk
* Git를 이용해 다운로드 받는 것과 downloads 버튼을 눌러 받는 소스의 버전차이에 주의! (23.Feb.2011 현재)
Version이 계속 바뀌는 중..
(Explorer version이 낮으면 다운로드 X)
Facebook-android-sdk
example
simple
facebook
tests
stream
Login, Upload Photo,
Request, Post Wall
Login, TimeLine
AyncFacebookRunner.java
DialogError.java
Facebook.java
FacebookError.java
FbDialog.java
Util.java

1.
2.
3.
4.
Facebook library 참조 project
생성
New->Project->Android
Project
Create project from existing
source -> 압축 푼 폴더안에
facebook폴더
Target 설정 (2.1update이후
권장)
Finish
* 소스를 .jar로 묶어 프로젝트에 추가해도 마찬가지..

Simple예제 실행 방법
* SDK는 따로 설치과정 없이, 프로
젝트 참조 라이브러리로 바로 적용
가능
앞서 과정과 동일하며,
2번과정에 facebook대신 simple
폴더를 추가.
개발APP의 ID입력 (*APP등록은 아래 슬라이드에..)
 Main Object인 Facebook형 변수선언
 API에 대한 call back interface
 Facebook 객체에 그대로 접근
 Graph API를 사용 (*방법은 아래 슬라이드에서..)
! 인증부분에 대한 내용은 다음 예제에서..
Introduction to Facebook APIs
http://www.ibm.com/developer
works/library/xandroidfacebookapi/(16.dec.2010)

*예제 자료의 버전 차이로 몇 가지
에러 수정된 프로젝트를 카페에 탑
재
실행방법은 simple예제 프로젝트
생성과 동일..
 자신이 새로 등록한 APP ID를 등록
 Authentication에 있어 Permssion 설정
(API에 대한 내용은 아래 슬라이드에서 설명)
 WallPost기능에 접근하는 API부
 인증부 (Permission 지정)
 친구list를 출력하는 기능에 접근하는 API부

1.
2.
3.
4.
진행 순서
새로운 프로젝트 생성 후, 프로젝트 라이브러리 참조
페이스북 홈페이지에서 개발APP등록 (ID얻기)
프로젝트 안에 APP ID설정 및 초기화
UI구성 후 리스너 추가하여 기능별 API와 연결

1.
2.
3.
4.
5.
새로운 빈 project 생성
New->Project->Android
Project
Create new project in
workspace
Target 설정 (2.1update이후
권장)
Properties 설정
(name,package등…)
Finish

1.
2.
3.
Facebook library project 참조
Project -> Properties
Android -> Library -> Add
com_facebook_android선택
4.
위와 같이 표시되면 성공
Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급
http://www.facebook.com/developers/apps.php 에 접속 후 오른
쪽 상단에 ‘Set Up New App’ 버튼 클릭


Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급
 Fb 또는 facebook에서 개발한 상표, 이름에 조심
겹치면 다음 단계에서 다시 뒤로 돌아옴..

Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급
 앱이름과 설명, Language등을 설정한 후, 변경내용 저장

Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급
 앱이름과 설명, Language등을 설정한 후, 변경내용 저장

Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급
 앱이름과 설명, Language등을 설정한 후, 변경내용 저장

Facebook 홈페이지에서 개발APP으로 등록 후 ID 발급
APP ID
API Key
APP Secret

잠깐!! 안드로이드에서 인터넷 연결을 사용하려면,,,
<uses-permission android:name=“android.permission.INTERNET”></uses-permission>
 위와 같은 문장을 추가하여 사용자 permission에 INTERNET을 추가

프로젝트 안에 APP ID 설정 및 초기화
간단한 Single-Sign-On예제
public class LoginDemo extends Activity {
Facebook facebook = new Facebook("204388172912043"); // input your APPID
 위에서 등록한 앱의 ID NUMBER를 입력
@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() {}
색할 때마다 다시 로그인
});
하지 않아도 되는 Service
@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
facebook.authorizeCallback(requestCode,
resultCode, data);
 Activity 종료 시, 인증된 부분을 Call back
}

프로젝트 안에 APP ID 설정 및 초기화

1.
2.
UI 구성 후, 버튼 리스너 만들기
UI구성은
reslayoutmain.xml참고
버튼에 OnClickListener를 활
용하여 클릭되었을 때, 해당API
를 호출 (소스참고)
?

인증(Authentication) – 내용 추가
http://developers.facebook.com/docs/authentication/
 기본 인증 메소드를 이용할 경우, 사용자이름, 프로필사진, 성별, 사용자ID, 친구 리스트
등을 인증 받을 수 있고, 다른 기능을 이용하려면 추가 Permission을 받아야 한다.
 앱의 사용에 대한 인증 부분으로, 인증이 정상적으로 처리되면 Graph api를 사용하기 위해 얻어야 할
access token을 얻을 수 있다.

기능별 API로 연결
 Graph API를 가져다 쓸 때 Graphpath라는 문자열을
이용하게 되는데, 문자열 접근을 위해 request메소드를
사용하여 접근, 성공이면 onComplete로 가서 다음 동작
을 수행하게 된다.
Graph API ?
그래프 API는 페이스북의 핵심 플랫폼으로 주요 객체인 사람과 사진,
이벤트 등의 소셜 그래프를 간단하고 일관성있게 보여주며, 친구, like,
tag 등을 통해 그 요소들을 연결해줍니다.

JSON
http://www.json.org/

API 사용방법
http://developers.facebook.com/docs/reference/api/
 사용하고 싶은 API를 가져올 때, request()라는 걸 사용하는데, 첫 번째 인자로 들어가는
GraphPath를 이용하여 API에 접근할 수 있다. 그 뒤에 RequestListener에서는 실행되고 난
다음 동작을 처리하게 된다. GraphPath에 대한 정보는
http://developers.facebook.com/docs/reference/api/ 를 참조
(request작업은 인증 후에 이루어져야 한다.)

API reference – 기본기능
* User

API reference – 기본기능
* User – Example Code

API reference – 기본기능
* Friends

API reference – 기본기능
* Friends – Example Code

API reference – Dialog
Dialog관련 – mobile app에서는 대부분 dialog로 구성
http://developers.facebook.com/docs/reference/dialogs/feed/
* Feed Dialog – 게시물 올리기
public void dialog(Context context, String action, DialogListener listener) {
dialog(context, action, new Bundle(), listener);
}
Properties  app_id, message, picture 등… (사이트 참고)
Return value  post_id
The ID of the posted story, if the user chose to publish.

API reference – Dialog
* Feed Dialog – Example Code







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 안드로이드 어플리케이션 이미지 버튼 생성하기
나머지는 나중에 올리도록 하겠습니다..