월별 글 목록: 2013년 5월월

보안(샌드박스) 모드 이용해 페이스북 앱 개발하기 #1. 앱 개설하고 서비스 유형 설정하기

페이스북 앱은 몇 가지 유형이 있습니다.

  1. 페이스북 기능이 연동되는 일반 웹사이트
  2. 페이스북 내에서 구현되는 캔버스 앱 (대부분의 게임 사이트들이 캔버스 앱으로 구현되고 있습니다)
  3. 모바일 웹
  4. 네이티브 iOS 앱
  5. 네이티브 안드로이드 앱
  6. 페이지 탭 (대부분의 기업 홍보/이벤트 페이지가 탭으로 구현되고 있습니다)

https://developers.facebook.com/apps 에서 새로운 앱을 하나 만듭니다.
앱 이름과 네임스페이스를 적당히 넣어주었습니다.

스크린샷 2013-05-10 오전 5.29.22

최근 페이스북 개발자 정책 변경으로 신규 앱은 샌드박스 모드가 기본적으로 선택됩니다.
This app is in Sandbox Mode 가 있고 주황색 아이콘이 붙어있는게 보이죠?
Sandbox를 해제하면 녹색 아이콘으로 바뀌고 “This app is live” 라는 메시지로 바뀌어서 표시가 됩니다.

App Domains 부분에 사용할 도메인을 넣어줍니다.
로컬에서 개발을 할 것이므로 localhost를 넣어주고, 이후에 라이브 될 서버의 도메인도 미리 넣어보겠습니다.

스크린샷 2013-05-10 오전 5.38.00

위와 같이 등록이 되었습니다.

그 다음엔 어떤 유형의 앱을 만들 것인지에 대한 정보를 입력하라고 합니다.
저는 다음과 같이 입력해 보았습니다.

스크린샷 2013-05-10 오전 5.42.34

모바일 웹과 페이지 탭은 실제로 사용될 주소를 넣었습니다.
작업하는 중간중간에 빠르게 확인을 하기 위해서 로컬에 APM 환경을 설치하고, Website with Facebook Login 부분에 localhost 를 설정해 주었습니다. 몇몇 기능들이 페이지 탭과 다르게 동작하는 것들을 알고 나면 크게 문제없이 개발할 수 있습니다.