Интеграция 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 обрабатывает запросы только с “белого списка” адресов, которые указываются при создание приложения.
Ссылки, которые могут пригодится:
https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта
https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта
https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта
Вероятно, у вас есть сайт и вы подумываете, что было бы неплохо внедрить в него…
https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта
https://falconspace.ru/blog/bazovye-voprosy-i-ponyatiya-v-sfere-sozdaniya-veb-proektov - Основы веб-разработки. Базовые понятия для владельца сайта