34
페페페페 SDK 페페페페 For Android 페페페

페이스북 SDK 사용방법

  • Upload
    veta

  • View
    92

  • Download
    0

Embed Size (px)

DESCRIPTION

페이스북 SDK 사용방법. 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: 페이스북 SDK  사용방법

페이스북 SDK 사용방법For Android

이재원

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

페이스북 SDK 설치 2 가지 예제 & 소스 API 사용 예제 프로젝트 만들기 (Wall Post)

Graph API

참고사항 & 사이트

목차

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

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

페이스북 SDK - 다운로드

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

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

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

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

streamsimpletestsfacebookexample

Login, Upload Photo, Request, Post Wall

Login, TimeLineAyncFacebookRunner.javaDialogError.javaFacebook.javaFacebookError.javaFbDialog.javaUtil.java

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

페이스북 SDK – library

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

페이스북 SDK – 프로젝트 생성 Facebook library 참조 project 생성1. New->Project->Android

Project2. Create project from existing

source -> 압축 푼 폴더안에 facebook 폴더

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

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

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

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

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

예제 1 – 예제 소스 개발 APP 의 ID 입력 (*APP 등록은 아래 슬라이드에 ..)

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

Facebook 객체에 그대로 접근

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

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

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

예제 1 – 실행 화면들

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

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

* 예제 자료의 버전 차이로 몇 가지 에러 수정된 프로젝트를 카페에 탑재 실행방법은 simple 예제 프로젝트 생성과 동일 ..

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

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

WallPost 기능에 접근하는 API 부

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

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

인증부 (Permission 지정 )

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

예제 2 – 실행 화면들

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

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

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

API 사용 예제 프로젝트 만들기 새로운 빈 project 생성1. New->Project->Android

Project2. Create new project in

workspace3. Target 설정 (2.1update 이후 권장 )4. Properties 설정

(name,package 등… )5. Finish

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

APP ID

API Key

APP Secret

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

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

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

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

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

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

간단한 기본 인증 화면 예제

기본 인증작업

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

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

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

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

reslayoutmain.xml 참고2. 버튼에 OnClickListener 를 활용하여 클릭되었을 때 , 해당

API 를 호출 ( 소스참고 )

?

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

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

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

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

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

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

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

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

예제 실행 화면들

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

Graph API Graph API ?

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

Graph API API 사용방법

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

Graph API API reference - 기본기능

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

Graph API API reference - 고급기능

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

Graph API Graph API 에 대한 설명 API 사용방법 API reference – 기본기능 API reference – 고급기능 Rest API

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

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 안드로이드 어플리케이션 이미지 버튼 생성하기

참고사항 & 사이트