Интеграция 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 обрабатывает запросы только с “белого списка” адресов, которые указываются при создание приложения.

Ссылки, которые могут пригодится:

Руслан Раянов

Recent Posts

Что такое система личных кабинетов клиента? #вебстартап

Источник: https://falconspace.ru/blog/kak-sdelat-klientskiy-servis-v-vide-lichnogo-kabineta-klienta

18 часов ago

Быть одиночкой или искать партнера в бизнесе? #вебстартап

Источник: https://falconspace.ru/blog/partnerstvo-pri-razrabotke-proekta---tonkaya-shtuka

2 дня ago

Зачем мне нужен партнер? #вебстартап

Источник: https://falconspace.ru/blog/partnerstvo-pri-razrabotke-proekta---tonkaya-shtuka

3 дня ago

Сколько стоит сделать сайт? #вебстартап

Источник: https://falconspace.ru/blog/cenoobrazovanie-v-mire-veb-razrabotki

4 дня ago

Любой проект можно запустить с минимальным бюджетом #вебстартап

Источник: https://falconspace.ru/blog/kak-zapustit-proekt-s-minimumom-zatrat

5 дней ago

Что такое MVP простыми словами? Зачем нужен MVP стартапу?Создание MVP для веб-проекта и других сфер

В этой статье мы рассмотрим такое понятие как - Minimal Viable Product (минимально жизнеспособный продукт).…

6 дней ago