Вы можете сделать это с помощью Javascript SDK на своей веб-странице.
В следующем решении используется плагин xocialCore, доступный здесь.На самом деле вы можете просто извлечь первые две функции из этого плагина, поскольку они предоставляют необходимые функции для этого.
https://github.com/xocialhost/jquery.xocialCore.js/blob/master/jquery.xocialCore.js
Сначала вам необходимо создать и настроить приложение facebook.Убедитесь, что вы заполнили информацию на веб-сайте своим URL / доменом.
На своей странице регистрации убедитесь, что вы включили jQuery, а затем указанный выше плагин.:
<button id="fbLoginButton">Login</button>
и затем внедрите следующий код:
$.xcInitFacebook({appId:'yourFBappId',callback:function(){
$('#fbLoginButton').click(function(event){
event.preventDefault();
$.xcFbLogin({permissions:'manage_pages, offline_access, email',callback:function(){
FB.getLoginStatus(function(response) {
var fbUrl='https://graph.facebook.com/'+response.authResponse.userID+
'?fields=email,first_name,last_name,picture'+
'&access_token='+response.authResponse.accessToken;
$.getJSON(fbUrl,function(data){
//Pass the return data information to your Registration/Login system
});
});
} });
});
} });
Ответ от сервера Facebook должен выглядеть примерно так:
{
"email": "emailid\u0040domain.com",
"first_name": "fName",
"last_name": "lName",
"id": "12345",
"picture": "https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/49860_12345_8441_q.jpg"
}
Вы быочевидно, вы хотите пойти дальше, чтобы проверить, вошел ли пользователь уже в систему, а затем показать кнопку входа или нет, но это должно дать вам запрашиваемую информацию о пользователе.