Ниже приведено пошаговое решение вашей проблемы :)
Вы можете решить свою проблему за 5 шагов
Шаг1
Создайте новое приложение facebook, используя ссылку , и запишите идентификатор приложения / ключ API
Шаг 2
используйте идентификатор приложения / ключ API, который вы указали в Шаг 1
Следующий код загрузит и инициализируетJavaScript SDK со всеми распространенными опциями.Замените YOUR_APP_ID и WWW.YOUR_DOMAIN.COM соответствующими значениями.Лучшее место для этого кода - сразу после открывающего тега <body>.
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
oauth : true,
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
Шаг 3
Создайте файл channel.html с кодом ниже
<?php
$cache_expire = 60*60*24*365;
header("Pragma: public");
header("Cache-Control: max-age=".$cache_expire);
header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT');
?>
<script src="//connect.facebook.net/en_US/all.js"></script>
Шаг 4
Добавьте пространство имен XML к тегу <html> вашего документа.Это необходимо для работы XFBML в более ранних версиях Internet Explorer.
<html xmlns:fb="http://ogp.me/ns/fb#">
Шаг 5
После того, как вы загрузили JavaScript SDK на свою страницу и инициализировали егосо своим appId вы просто добавляете кнопку входа на свою страницу, используя элемент div, как показано ниже:
<div class="fb-login-button">Login with Facebook</div>
Вы можете прочитать все выше подробно, где почти вся информация находится нижеэто ссылки
- здесь вы можете получить javascript, информацию о файле канала и другие детали
Спасибо ...