This material is proprietary to DGMIT. It contains trade secrets and confidential information which is solely the property of DGMIT.

This material is solely for the Client’s internal use. This material shall not be used, reproduced, copied, disclosed, transmitted,

in whole or in part, without the express consent of DGMIT © All rights reserved.

Kakao API 소개

2014. 09. 29

Version : 1.0.0

made by 최성찬

R&D 2 TEAM

2

CONTENTS.

1. 개요 ………

……… 3

2. 왜? Kakao ……………… 5

3. Kakao 소개 ……………… 10

4. Kakao API ………

……… 12

5. 시연 ………

……… 17

6. 결론 ………

……… 18

3

1. 개요 인터넷의 변화

1. 개요 인터넷의 변화에 따른 영향

사용자의 Event에 따라 TV가 서버에 데이터를 요청하고 그 데이터로 App이 동작함

4

5

2. 왜? 카카오? 글로벌 SNS 점유율

글로벌 SNS 점유율(2013년 기준)

출처 : http://magazine.hankyung.com/business/apps/news?popu

p=0&nid=01&nkey=2013070300918000061&mode=sub_view

65.08%

Facebook

9.92%

7.08%

6.77%

6.14%

4.29%

6

2. 왜? 카카오? 국내 SNS 점유율

31.5%

출처 : http://www.bloter.net/archives/151325

28%

19.4%

17%

4%

카카오 스토리

국내 SNS 점유율(2013년 기준)

7

2. 왜? 카카오? FaceBook vs 카카오 스토리

공적인 공간

글 포스팅

세계적

Message, 기타

사적인 공간

커뮤니티

국내

Talk, voice talk,

카카오 게임, 기타

성격

용도

접근성

확장성

성격

용도

접근성

확장성

8

3. Kakao 소개 카카오톡과 카카오게임

1. 카카오 톡

2. 카카오 게임

- 카카오 톡 프로필

- 옐로우 아이디 무료(메시지 전송 건당 비용)

- 제휴 : 제안 → 미팅 → 심사 → 계약 → 오픈전 점검

- 조건

- 카카오톡 친구들과 경쟁, 혐업 구조

- IOS/Androi OS 통합지원

- 지원

- 각종 API 지원(친구목록, 연령인증)

9

3. Kakao 소개 플러스 친구, 카카오 스토리

3. 플러스 친구

4. 카카오 스토리

- 제휴 : 신규 (비용부담)

- 제공 : 플러스 친구로 등록된 모든 사용자에게 PUSH 메시지 발송

- 카카오 스토리 프로필

- 카카오 스토리 포스팅

- 내 카카오 스토리 글&사진 가져오기

10

4. Kakao API Kakao API를 사용해 앱을 개발하는 과정

1. 개발 단계

Step1. https://developers.kakao.com 에 개발자 등록을 한다.

Step2. 앱을 생성한다.

앱 키가 생성 된다.

Step3. 자신이 개발할 플랫폼을 지정한다.

Android : 패키지명 ex)com.dgmit.b2

IOS : 번들 ID, iPhone 앱 스토어 ID, iPad 앱스토어 ID

Javascript : 사이트 도메인 ex)http://localhost:10, http://demo.dgmit.net/kakao

Step4. 자신이 원하는 플랫폼에 맞게 개발한다.(각각의 플랫폼에 해당하는 SDK 지원)

4. Kakao API Kakao API가 지원하는 개발 플랫폼

11

2. 개발 종류

1) Javascript

2) Android

3) IOS

4. Kakao API Kakao API JavaScript 사용법

12

1) JavaScript

① Js import – js file, js link

② Kakao object

Kakao

KaKao.Auth

init

KaKao.API

KaKao.Link

cleanup

login

logout

getStatus

cleanup

request

cleanup

cleanup

sendTalkLink

4. Kakao API Kakao API JavaScript 사용법

13

③ Kakao.init를 통한 key값 입력

④ Kakao 사용 또는 REST API 사용

- Request function을 사용한 REST API 사용

14

4. Kakao API REST API란?

* REST API

HTTP 요청을 활용하는 API, HTTP 요청후 redirect로 Data를 받는 API

HTTP 요청을 보낼수 있는 환경이라면 어디서든 이용가능.

모바일/PC 웹 환경에서 Javascript

Java, Ruby, Phython의 웹 서버에서 활용

IOS, Android의 모바일 환경에서 활용

① 사용방법

REST key 사용

웹 사이트 도메인 hhttp://kakao.com 추가

② 기능

사용자 관리

로그인, 로그아웃

앱 연결, 앱 연결 해제

사용자 정보 요청, 사용자 정보 저장

카카오 스토리

프로필요청, 글 포스팅, 내 스토리 글 정보, 사용자 확인

카카오 톡

프로필 요청

푸쉬 알림

푸쉬 토큰 등록, 조회, 삭제, 보내기

15

5. 시연 javascript를 이용한 Kakao API를 시연

KaKao API를 사용해 이용한 기능

1. kakao를 계정을 이용한 login, logout, 앱가입, 앱탈퇴

2. kakao, kakao story profile 정보 가져오기

3. kakao story에 글 or 사진 posting

4. kakao story에 있는 글 가져오기

5. 생성한 앱에 데이터 입력 및 데이터 가져오기

6. kakao link 보내기

demo.dgmit.net/kkao

16

5. 결 론 Kakao API 적용 한다면?

1. 카카오 API 는 발전 중

2014년 9월 카카오 페이 출시 → 카카오 페이 API 출시 가능

2014년 10월 다음과 카카오가 합병되 다음카카오가 출범.

현재 API는 사용자의 요구를 적극적으로 수용하며 발전 중.

2. 현재 TV앱에 카카오는 불가능?

1) javascript를 사용해 Kakao API를 사용하기 위해서는 도메인 필요하다.

하나의 앱에 하나의 도메인 할당하여 Iframe으로 구성

2) Kakao API 중 Login 부분과 인증 부분이 Popup으로 이루어 진다.

API에서 window.open을 이용해 Popup을 띄우는 방식에서 Iframe을 이용해 url에 해당

하는 페이지는 띄우는 방식으로 변경

로그인 창이 나타나지만 창 내부에서 Popup관련(window.opener) 함수를 사용해 error

발생

3. B2에 카카오를?

모바일에서 카카오에 대한 Data를 전송하여 이를 스크린에서 받아 카카오 스토리에 대한

정보를 스크린에 나타낼수 있다.

모바일과 스크린이 연동하는 앱일 경우 모바일을 통해 다른 카카오톡 친구에게 쪽지(앱링

크와 이미지 및 텍스트)를 전송할수 있다.

앱 스토어를 제작한다면 카카오 톡으로 PIN Code or QR코드 전송을 통해 스크린 앱을

시작

17

본사/기업부설연구소 : 135-874 서울특별시 삼성동 봉은사로 424 TROA빌딩 5층

Tel. 070-8680-1770 Fax. 02-2179-9114 http://www.dgmit.com