간단한 Facebook API 등록 및 사용법

 

/*

 * http://sosal.kr/
 * made by so_Sal
 */

 

 

칭구가 페이스북 글쓰는 프로그램을 만드는거 도와달라길래

잠깐 API 리뷰좀 해봤습니다.

 

정말 자세하게 설명되어있는 사이트가 많지만,

기본적으로 developer 가입 후에 App ID 등록조차 못하는 친구를 보고

간단하게 캡쳐하면서 정리좀 해보았습니다.

 

 

 

 

 

 

1. Facebook developer 계정 추가하기

https://developers.facebook.com/

 

개발자 사이트에 접속하여 가입되지 않은 사람은 가입을 합니다.

 

 

 

 

 

 

 

 

 

2. App 추가하기.

특정 사이트나 앱 등에서 페이스북 API를 사용하기 위해서 등록하는 과정입니다.

하나의 앱 혹은 하나의 웹페이지(domain) 에서는 하나의 app id만을 사용하도록 되어있습니다.

 

 

 

 

 

 

 

 

 

3. App 정류 선택하기

저는 간단히 웹페이지에서 로그인하기, 공유하기 정도 테스트 해보고자 합니다.

따라서 www 웹사이트 버튼을 클릭합니다.

 

 

 

 

 

 

 

 

4. Facebook App을 구분하는 이름 설정

 

혹시 여러개의 Facebook App을 만든다면 각자 구분하기 위해 이름을 부여해야겠죠?

 

 

 

 

 

 

 

 

5. 기본 Facebook SDK 확인 및 Facebook API가 호출되는 domain 주소 설정

 

이곳에 적혀있는 appID를 잘 챙기셔야합니다~!

그리고 아래에 Tell us about your website 라고 적혀있는 곳에, 자신의 홈페이지 도메인 혹은 ip주소를 입력하셔야 합니다.

 

가지고 계신 도메인, 혹은 서브 도메인이 아닌 이상 Facebook API는 동작하지 않습니다.

 

 

 

 

6. 좋아요 코드 예제

아래 <div~ ></div> 태그가 좋아요 버튼을 생성합니다.

이 외에 아래에 공유하기, 로그인 버튼 등의 다양한 소스를 바로 제공해주니

복사붙여넣기만 잘 하시면 Facebook API를 쉽게 쓰실 수 있습니다.

 

 

 

 

 

 

간단히 로그인버튼, 공유하기 버튼, 좋아요 버튼을 만들어보면 다음과 같이 나오네요.

덤으로 좋아요도 하나 더 ^^