Краткое руководство: Facebook SDK для JavaScript

Facebook SDK для JavaScript обеспечивает широкий спектр функциональных возможностей на стороне клиента, которые:

  • Позволяют использовать кнопку "Нравится" и другие социальные плагины на вашем веб-сайте.
  • Позволяют использовать вход через Facebook для упрощения пользователям регистрации на вашем веб-сайте.
  • Упрощают обращение к API Graph Facebook.
  • Открывают диалоговые окна, с помощью которых пользователи могут выполнять различные действия, например, публиковать истории.
  • Упрощают взаимодействие при создании игры или вкладки приложения на Facebook.

Это краткое руководство содержит информацию о настройке SDK и его использовании для некоторых базовых вызовов Graph API. Если на этом этапе вы не хотите выполнять настройку, воспользуйтесь нашей тестовой консолью JavaScript, чтобы проверить все методы SDK и просмотреть некоторые примеры (вы можете пропустить шаги настройки, а остальные операции из этого краткого руководства можно протестировать в консоли).

Поддерживаемые браузеры

Facebook SDK для JavaScript поддерживает по две последние версии самых популярных браузеров: Chrome, Firefox, Edge, Safari (в том числе на устройствах с iOS) и Internet Explorer (только версия 11).

Базовая настройка

Для использования Facebook SDK для JavaScript не нужно скачивать или устанавливать какие-либо файлы — достаточно добавить в 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. Этот идентификатор можно найти с помощью Панели приложений.