Facebook Open Graph
퓨쳐위즈 연구소 정석모
2
Agenda• Facebook API History• Facebook Open Graph API
3
Facebook API History
4
Facebook 과 OAuth• 3rd party 애플리케이션이 다른 애플리케이션의 사용자 콘텐츠에 접근하는
표준화된 방법• 콘텐츠의 생산과 소비를 개방하기 위한 필수적인 인증방법• Twitter 개발자로부터 시작됨• 2007 년 OAuth 1.0 발표• 2010 년 OAuth 2.0 발표
5
Facebook Legacy API• Lecacy REST API
• Legacy FBML
• Legacy FBJS
• Legacy javascript SDK
6
Facebook Common API• Social Plug-In
• Chat API
• FQL
• Graph API
7
Social Plug-In
8
Chat, FQL, Graph
9
Facebook Open Graph
10
Open Graph API 개요
11
Open Graph API 3 요소
나는 OO 을 ( 를 ) OO 했다 !나는 OO 에서 ( 를 통해 ) OO 했다 !
12
Open Graph API 설정
13
Open Graph API RequestPOST https://graph.facebook.com/me/fbPhoto:Uploadaccess_token= 액세스토큰&Picture=http://futurewiz.co.kr/soccer-jung/todayphoto
“Object Type 에 명시된 URL 에서 메타데이터를 제공해야 한다”
14
Open Graph 메타데이터<head> <title> 정석모 예술사진 </title> <meta property="og:type" content=“fbPhoto:upload"/> <meta property="og:title" content= "정석모의 예술사진 "/> <meta property="og:description" content= "이 사진 78 만 8 천원에 팜 "/> <meta property="og:url" content="http://futurewiz.co.kr/soccerjung/todayphoto"/> <meta property="og:image" content="http://futurewiz.co.kr/soccer-jung/todayphoto/picture"/></head>
15
Open Graph 타임라인
16
Open Graph 타임라인
17
Open Graph 모바일
Deep Linkor
Shallow Link
18
그래서 결론은 ?