14
앱스에 날개를 달아주는 API 활용 방법 오픈소셜개발TF 유인경

[2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

Embed Size (px)

DESCRIPTION

[2010 네이트 앱스토어 개발자 세미나] 세션1-2 앱스에 날개를 달아주는 API (2) 활용방법 SK커뮤니케이션즈 오픈소셜개발TF 유인경 차장

Citation preview

Page 1: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

앱스에 날개를 달아주는 API 활용 방법

오픈소셜개발TF 유인경

Page 2: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

3차 개발자 세미나, 그 이후

많은 일들이 있었습니다.

* 네이트온 친구 네트웍 지원-또하나의 소셜 그래프인 네이트온 친구 네트웍 추가 지원-싸이 일촌 네트웍과 동일 스펙의 파격적인 API 지원-싸이 일촌, 네이트온 친구 네트웍이 공존하는 앱스토어

* 오픈소셜 0.9 지원-오픈소셜 0.8 지원 컨테이너를 유지하면서 신규 컨테이너 오픈

* 지원 API 확대-메시지 알림 확대 : 싸이쪽지, 네이트온 쪽지, 네이트온 토스트 알림-즐겨찾기 API (피드백)-사진첩 API : 게시물 업로드, 사진첩 폴더 및 게시물 조회-네이트 커넥팅 보내기 API-파라미터 API

Page 3: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

네이트온 친구 네트웍 활용하기 – SSOId

싸이 일촌과 네이트온 친구 네트웍을 동시에 지원하기

* SSOId-사용자의 프로필 조회시 OWNER = VIEWER 인 경우 (앱스 사용자 본인) 프로필 항목중 SSOId 값을 조회할 수 있음-싸이 일촌 네트웍 사용시 SSOId : 네이트온 Id (11자리 숫자)-네이트온 친구 네트웍 사용시 SSOId : 싸이월드 Id (8자리 숫자)

* 주의할 점-본인의 프로필 조회시에만 SSOId 조회가 가능-일촌의 SSOId 는 조회할 수 없음

Page 4: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

네이트 컨테이너

네이트온 친구 네트웍 활용하기 – SSOId

싸이 일촌 네트웍

네이트온 친구 네트웍

cyworld.natecontainer.com

나는 실버벨!

헉! 나도 실버벨!

userId : 12453247

userId : 15214523654

nateon.natecontainer.com

SSOId : 15214523654

SSOId : 12453247

Page 5: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

네이트온 친구 네트웍 활용하기 – SSOId

CyId NateonId UserNickname

ProfileImg Level Record

11232142 00001524687 팅커벨 profilepic.jpg 3 150

12453247 15214523654 실버벨 profilepic.jpg 2 120

24538475 00124532565 골든벨 profilepic.jpg 10 800

64254214 00000324584 하얀벨 profilepic.jpg 4 270

22154726 00012346758 누런벨 profilepic.jpg 7 520

54381567 10253684202 까만벨 profilepic.jpg 50 5510

Member table 예시

앱스 서버

DB

-싸이 일촌 네트웍을 이용하는 사용자 : CyId 를 key 로 데이터 조회-네이트온 친구 네트웍을 이용하는 사용자 : NateonId 를 key로 조회

사용자의 액션 (설치 또는 실행)에 대해 CyId 및 NateonId 를 모두 저장

Page 6: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

Activity – CUSTOM TAG 활용하기

Activity 내용에 사용할 수 있는 앱스토어 태그

* 기본형{actor} – activity 를 발생시킨 사용자의 이름과 미니홈피 링크{apps} – 앱스 이름과 앱스로 바로 이동할 수 있는 링크

* 확장형{"type":"img","src":"xxxxx","url":"xxxx"}-Activity 메시지가 src 로 지정한 이미지로 시작되며 지정한 url 을 링크로 사용

{"type":"subtext","url":"xxx","title":"xxx"}-Activity 메시지의 말미에 링크가 포함된 텍스트 표시, 파라미터 API 활용

{"type":"user","tid":"xxx","username":"xxx"} - {actor} 이외의 싸이월드 사용자 이름과 미니홈피 링크

Page 7: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

{"type":"img","src":“http://생선.jpg","url":“http://appstore/아쿠아스토리"}에서 {actor}님이{"type":"user","tid":“00000000","username":“유인경"} 님의 아픈롤리팝를 치료해 주었어요. {"type":"subtext","url":“http://appstore/아쿠아스토리?view_param=유인경_수조1", "title":“수조 구경가기"}

Activity – CUSTOM TAG 사용예

{"type":"img","src":“http://걸.jpg","url":“http://appstore/걸스라이프"}에서 {actor}님이 레벨이 올라서 9 레벨이 되었어요. {"type":"subtext","url":“http://appstore/걸스라이프?view_param=김영을", "title":“걸스라이프"}

Page 8: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

미니홈피 즐겨찾기 – openNate.minihpFavorite

미니홈피 즐겨찾기 추가 (팝업 UI)

* MethodopenNate.minihpFavorite

* ParametercallbackFN : 즐겨찾기 추가 후 실행할 함수명

* Returnobject – status, message

function addFavorite(){openNate.minihpFavorite("favoriteCallbackFN");

}

function favoriteCallbackFN(response){var status = response.status;var message = response.message;alert("status : " + status + " \nmessage : " + message);

}

Page 9: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

사진첩 – DataRequest.newCreateMediaItemRequest

사진첩에 게시물 업로드하기

* Methodopensocial.DataRequest.newCreateMediaItemRequest

* Parameteridspec : VIEWER 만 가능albumId : 사진첩 폴더의 고유 번호 또는 null *mediaItem : opensocial.newMediaItem 객체

* ReturnmediaItem ID

opensocial.MediaItem.Field.TYPE - opensocial.MediaItem.Type.IMAGEopensocial.MediaItem.Field.TITLE – 제목 *opensocial.MediaItem.Field.DESCRIPTION – 내용 *

opensocial.newMediaItem

Page 10: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

네이트 커넥팅 보내기 – openNate.nateConnecting

네이트 커넥팅으로 글 보내기 (팝업 UI)

* MethodopenNate.nateConnecting

* Parameter - ConnectingParametersIAMGE : 이미지의 젃대 경로CONTENT : 젂송할 내용

* Returnnone

function connecting(){var params = {};params[openNate.ConnectingParameters.IMAGE] = http://img_url;params[openNate.ConnectingParameters.CONTENT] = "커넥팅으로 보내는 내용";openNate.nateConnecting(params);

}

Page 11: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

앱스 실행(1) – 가젯 렌더링

Page 12: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

앱스 실행(2) – rpc를 이용한 소셜 데이터 요청

Page 13: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법

네이트 컨테이너

오픈소셜 0.9를 지원하고

사진첩 API 도 활용할 수 있는

cyworld.natecontainer.com

네이트온 친구 네트웍 기반으로

일촌 기반 네트웍과 동일한 API 스펙을 제공하는

nateon.natecontainer.com (0.9)

옛날에 쓰던 유행 지난www.natecontainer.com (0.8)

Page 14: [2010 네이트 앱스토어 개발자 세미나] 앱스에 날개를 달아주는 API (2) 활용방법