티스토리 뷰
1. 내가만든 페이지에 페이스북 공유하기 버튼을 넣는다.
2. 페이스북에서 제공하는Graph api를 이용해 데이터를 주고 받을 수 있다.
3.페이스북 공유하기를 누르면 http://www.facebook.com/sharer/sharer.php?... 라는 sharer.php 페이지를 띄운다.
4.그러면 페이스북에서는 크롤러를 이용해 sharer.php를 통해 전달해주는 나의 페이지 url(ex.http://www.afreeca.tv/36851818)의 정해놓은 태그들을 긁어간다.
5.긁어간 이미지, 텍스트, 등등의 데이터로 페이스북에 알맞은 곳에 배치시켜 공유하기를 실현한다.
※아래의 Open Graph Object 디버거에 내 url을 넣어보면 어떤 태그 정보를 긁어가는지 볼 수 있다.
https://developers.facebook.com/tools/debug/og/object/
----------------------------------------------------------------------------------------------
페이스북의 프로필 이미지를 내 사이트로 가지고 오기
1.내 소스에 https://graph.facebook.com/페이스북숫자ID/picture?width=500&height=500 식으로 받아올 수 있다.(이때 전달인자로 width,height를 통해 이미지 크기조정이 가능하고, type=large,small...등으로 타입도 있다)
※아래의 facebook developers 참고하기
https://developers.facebook.com/docs/graph-api/reference/user/picture/
'웹 프로그래밍' 카테고리의 다른 글
| Websocket 프로토콜이란 ?? (0) | 2016.01.22 |
|---|---|
| [jQuery] 제이쿼리 셀렉터!! (0) | 2015.12.29 |
| [Mysql] set names euckr ?? db와 html 캐릭터 인코딩셋이 다른경우 (0) | 2015.11.25 |
| UTF-8 인코딩 & BOM(Byte Order Mark) (0) | 2015.11.19 |
| Gearman에 대해 알아보자 (0) | 2015.11.11 |