SDK для JavaScript: примеры

Ознакомьтесь с нашим руководством по началу работы, чтобы узнать, как загрузить и инициализировать Facebook SDK для JavaScript, и с нашим руководством по расширенной настройке, чтобы получить подробные инструкции по настройке. Вот лишь несколько примеров использования SDK.

• Запуск диалога "Поделиться"
• Вход через Facebook

Запуск диалога "Поделиться"

Диалог "Поделиться" позволяет любому пользователю разместить на своей странице ссылку на свою хронику или создать новость Open Graph. Диалоги, отображаемые с помощью JavaScript SDK, автоматически форматируются с учетом того, где они загружаются — в мобильном браузере или в браузере для ПК.

Здесь мы покажем, как SDK позволяет запустить диалог "Поделиться" с помощью метода FB.ui(). Добавьте этот фрагмент после вызова FB.init() в коде базовой настройки:

FB.ui({
  method: 'share',
  href: 'https://developers.facebook.com/docs/'
}, function(response){});
    

Теперь после перезагрузки страницы в ее верхней части вы увидите диалог "Поделиться". После публикации истории или отмены диалог будет закрыт, и сработает функция отклика.

Ознакомьтесь со FB.uiсправкой, чтобы получить полный список параметров, которые могут быть использованы, и просмотреть структуру объекта отклика.

Вход через Facebook

Вход через Facebook позволяет зарегистрироваться или войти в ваше приложение с использованием учетных данных Facebook.

Мы предлагаем полное руководство об использовании JS SDK для внедрения входа через Facebook. Сейчас же давайте просто воспользуемся примером базового кода, чтобы продемонстрировать, как это работает. После первого вызова FB.init вставьте следующий код:

FB.login(function(response) {
    if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name + '.');
     });
    } else {
     console.log('User cancelled login or did not fully authorize.');
    }
});
    

Ознакомьтесь с руководством по входу, чтобы получить более подробную информацию. При перезагрузке страницы, если вы ещё не предоставили разрешение, отображается диалог "Вход" для вашего приложения.