JavaScript용 Facebook SDK 빠른 시작
JavaScript용 Facebook SDK는 다음과 같이 다양한 클라이언트 측 기능을 제공합니다.
- Facebook 로그인을 통해 사용자가 사이트 등록 과정에서 느끼는 장벽을 낮춰줍니다.
- Facebook 그래프 API를 쉽게 호출할 수 있습니다.
- 사용자가 스토리 공유와 같이 다양한 행동을 수행할 수 있는 대화 상자를 시작합니다.
이 빠른 시작 문서에서는 SDK를 설정하고 기본 그래프 API 호출을 보내는 방법을 보여드립니다. 아직 SDK를 설정할 준비가 되지 않았다면 JavaScript 테스트 콘솔을 통해 모든 SDK 메서드를 사용해보고 몇 가지 예시를 살펴보세요(설정 단계를 건너뛸 수 있지만 이 빠른 시작 문서의 나머지 부분은 콘솔에서 테스트할 수 있습니다).
지원되는 브라우저
JavaScript용 Facebook SDK는 가장 인기 있는 브라우저 (Chrome, Firefox, Edge, Safari(iOS 포함), Internet Explorer(11 버전만 해당))의 최신 버전 2개를 지원합니다.
기본 설정
JavaScript용 Facebook SDK에는 다운로드하거나 설치해야 하는 독립실행형 파일이 없습니다. 대신 SDK를 페이지에 비동기식으로 읽어들일 HTML에 간단한 JavaScript 정규식을 포함하기만 하면 됩니다. 비동기식으로 읽어들이면 페이지의 다른 요소를 읽어들이는 것을 차단하지 않습니다.
다음 코드 조각은 옵션이 가장 일반적인 기본값으로 설정되는 기본 SDK 버전을 제공합니다. SDK를 읽어들이려는 각 페이지에서 여는 <body> 태그 뒤에 바로 코드를 삽입하면 됩니다.
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'your-app-id',
xfbml : true,
version : 'v21.0'
});
};
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>이 코드가 SDK를 읽어들이고 초기화합니다. your-app-id의 값을 자신의 Facebook 앱 ID로 바꾸어야 합니다. 앱 대시보드를 사용하여 이 ID를 찾을 수 있습니다.