Интеграция Facebook API

[Елена Маракова]

Интеграция Facebook API подразумевает, что первым делом необходимо создать аккаунт, к которому будет привязан сайт. После создания аккаунта переходим на страницу приложений. Выбираем “Добавить новое приложение”, тип приложения “Веб-сайт”. Заполняем все необходимые поля.

Подписывайся на наш Телеграм канал и паблик ВК и узнавай первым о новых событиях!

После заполнения всех необходимых полей появится блок “Setup the Facebook SDK for JavaScript”. Это инициализация Facebook API, вставляем на целевую страницу. После этих простых манипуляций – можно использовать API в полную силу.

Пример кода инициализации API. (полученный при создание приложения).

<script>
        window.fbAsyncInit = function () {
            FB.init({
                appId: 'xxxxxxxxxxx', /* AppID */
                xfbml: true,
                version: 'v2.5'
            });
        };

        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) { return; }
            js = d.createElement(s); js.id = id;
            js.src = "https://connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>

Пример взаимодействие с Facebook API на примере публикации заметки. Необходим jQuery. Документация метода публикации доступна по ссылке.

<button type="button" id="fb-share">Опубликовать</button>

<script>
        var fb = {
            init: function() {
                $("#fb-share").click(fb.share);
            },
            share: function () {
                var title = "Title";
                var desc = "Desc";
                var image = "";

                var obj = {
                    method: 'feed', /* метод API */
                    picture: image, /* [картинка для заметки] */
                    name: title, /*[заголовок]*/
                    description: desc, /* [используется только вместе с link: описание ссылки] */
                    message: "Post text", /* [текст заметки] */
                };

                // Callback для обработки результата вызова метода API
                function callback(response) {
                    console.log(response);
                }

                FB.ui(obj, callback); /* Вызов метода API */
            }
        };

        $(function () {
            fb.init();
        })
</script>

Важно. Не пытайтесь тестировать работу API локально. Facebook обрабатывает запросы только с “белого списка” адресов, которые указываются при создание приложения.

Источник