facebook API 이용하기

개인적으로 개발하고 있는 프로젝트에서 facebook 로그인을 이용하기 위해 https://developers.facebook.com/ 에 접속해보았습니다.

상단에 My Apps 메뉴를 클릭하면 [Add a new app] 이라는 서브메뉴가 나옵니다.

그것을 클릭하면 아래처럼 어떤 플랫폼에서 개발할 건지 선택하는 창이 뜹니다.

저는 웹사이트를 개발중이므로 4번째 그림을 선택합니다.

Choose an existing app or type the name of your new app

이라는 곳에 새로 개발할 앱의 이름을 입력하면 됩니다.

저는 이미 한개를 생성해서 리스트 하나가 올라오네요.

TEST 라고 이름을 입력해보겠습니다.

TEST app 을 만들거냐고 물어보네요.

Is this a test version of another app? 라는 글이 있습니다.

첫 출발은 테스트용일테니..  [예] 라고 하겠습니다.

물론 실 서비스용 App ID를 얻으려면 [아니오] 를 선택해야겠죠.

사실 예/아니오 에 어떤 차이가 있는지 아직 모르고 있습니다.

이제 셋업이 시작됩니다.

아래의 <script>...</script> 부분이 facebook api 를 사용하기 위한 거의 전부입니다.

참 쉽죠 잉..

그리고 아래 Site URL 을 적어주셔야 하는데

저 사이트가 아닌 곳에서 동일 app Id를 사용하면 작동하지 않습니다.

위 단계가 끝나면.. like button을 테스트해볼 수 있는 코드가 나오는데

아래와 같습니다.

참 쉽죠 잉

<div
  class="fb-like"
  data-share="true"
  data-width="450"
  data-show-faces="true">
</div>