Интеграция 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

Что такое Customer Development (кастдев)? #понятия_веб_разработки #вебликбез

https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта

10 часов ago

Что такое Целевая аудитория? #понятия_веб_разработки #вебликбез

https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта

1 день ago

Что такое Концепция сайта? Что такое Бриф на разработку сайта? #понятия_веб_разработки #вебликбез

https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта

2 дня ago

Каким должен быть личный кабинет информационной системы?

Вероятно, у вас есть сайт и вы подумываете, что было бы неплохо внедрить в него…

3 дня ago

Что такое Итерация, этап, спринт? #понятия_веб_разработки #вебликбез

https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта

6 дней ago

Что такое Рейт эстимейт почасовая ставка? #понятия_веб_разработки #вебликбез

https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта

1 неделя ago