[Facebook] Facebook Connect 개요

페이스북은 플랫폼으로써 Facebook Connect라는 서비스를 제공하고 있습니다. Facebook Connect는 아래와 같이 크게 3가지로 나뉘게 되는데요, 여기에서는 각 서비스의 특징에 대해서 간단히 살펴보고자 합니다.

Social Plugin

단 몇 줄의 간단한 코드를 통해 Like it Button, Send Button, Comment 외 다양한 기능을 Plugin 형태로 웹페이지에 삽입하여 연동할 수 있는 서비스 입니다. 이 서비스를 통해 비전문가도 많은 시간과 노력을 들이지 않고 손쉽게 페이스북과 자신의 웹페이지와 연동할 수 있습니다.

https://developers.facebook.com/docs/plugins/을 통해 자세한 정보를 확인할 수 있습니다.

<!-- 아래와 같은 한줄의 코드로 Like it 버튼을 웹페이지에 추가할 수 있다. -->
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80&amp;appId=609097889181389" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

 

Open Graph

오픈 그래프란 온라인 상의 모든 개체를 페이스북을 통해 관계망을 구축하기 위해 제공하는 서비스를 말합니다.

여기서 오픈그래프 이전에 소셜그래프란 용어에 대한 이해가 필요합니다. 소셜그래프란 소셜 네트워크 서비스(SNS) 상의 모든 개체와 관계를 통해 표현되는 관계망을 의미하는데요. 즉, 온라인 세상은 트위터, 마이스페이스 등 다양한 소셜그래프로 표현될 수 있습니다.

[이와 같은 형태의 이미지들은 모두 소셜그래프를 시각화한 것입니다.]

여기서 페이스북은 한걸음 더 나아가 페이스북 내부 뿐만 아니라 외부, 즉 온라인 상의 모든 개체를 아우르는 관계망을 구축하기 위해 오픈그래프를 서비스하고 있습니다.

예를 들어 모든 웹페이지, 서비스는 페이스북에서 규정한 형태의 메타태그를 삽입함으로써 페이스북 내부 개체와 거의 동등한 수준으로 페이스북과 상호작용할 수 있습니다.

<!-- 다음 메타태그를 웹페이지에 삽입함으로써 페이스북은 해당 페이지를 페이스북개체로 인식할 수 있습니다.-->
<meta property="fb:app_id"			content="1234567890" /> 
<meta property="og:type"			content="social-cookbook:recipe" /> 
<meta property="og:url"			content="http://samples.ogp.me/136756249803614" /> 
<meta property="og:title"			content="Sample" /> 
<meta property="og:image"			content="https://example.net/240989.jpg" /> 
<meta property="cookbook:author"		content="http://samples.me/390580850990722" />

자세한 정보는 https://developers.facebook.com/docs/opengraph/using-objects를 통해서 확인하실 수 있습니다.

Graph API

페이스북에 포함된 수많은 정보를 조회하고, 상호작용할 수 있는 API 서비스를 말합니다. OepnAuth 2.0을 바탕으로 인증과정을 거치면, Graph API 문법을 통해서 서비스를 이용할 수 있습니다.

Graph API에서 요구하는 형태의 URL을 구성하여 요청을 날리면 페이스북은 JSON(Javascript Object Notation)형태로 결과를 반환합니다. Graph API는 모든 통신을 HTTP Protocol을 기반으로 하기 때문에 플렛폼을 가리지 않으며 개발자도 쉽게 Graph API를 배우고 사용할 수 있습니다.

Graph API Document: https://developers.facebook.com/docs/graph-api/