Получить основную информацию о пользователе, используя плагин кнопки входа в Facebook? - PullRequest
Новая
       1

Получить основную информацию о пользователе, используя плагин кнопки входа в Facebook?

13 голосов
/ 20 августа 2011

Здесь я использую плагин для входа в Facebook и javascript sdk

Я могу успешно войти в систему и выйти из системы, используя выше.

Когда пользователь впервые проходит процедуру аутентификации, мне нужно сохранить основную информацию о пользователе, т.е. имя пользователя Facebook, адрес электронной почты в моей базе данных.

Пожалуйста, предложите, как я могу это сделать. 

<p><fb:login-button autologoutlink="true"></fb:login-button></p>


    <div id="fb-root"></div>
    <script>
        window.fbAsyncInit = function () {
            FB.init({ appId: '123456', status: true, cookie: true,
                xfbml: true
            });
        };


        (function () {
            var e = document.createElement('script');
            e.type = 'text/javascript';
            e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
            e.async = true;
            document.getElementById('fb-root').appendChild(e);
        } ());
    </script>

Ответы [ 4 ]

14 голосов
/ 21 августа 2011

Подписаться на событие auth.login. Если вы сделаете это, Facebook вызовет ваш обработчик после входа в систему, как это произошло.

В этом обработчике используйте FB.api для вызова Graph API для получения любой необходимой информации. Например, вызов /me, как показано во втором примере, даст вам основную информацию о зарегистрированном пользователе.

Теперь у вас есть все данные в JavaScript. Чтобы отправить это на ваш сервер, выполните простой старый запрос XMLHttpRequest / AJAX. Ваша библиотека JavaScript, вероятно, делает это легко - в jQuery это jQuery.ajax () - но в худшем случае вы можете использовать XHR напрямую .

Теперь у вас есть данные на вашем сервере, и вы можете делать все, что захотите, например, сохранять их в базе данных. Если вы хотите сохранить данные только один раз, просто убедитесь, что вы еще не сохранили информацию об этом идентификаторе пользователя.

5 голосов
/ 16 марта 2012

Также возможно использовать комбинацию PHP SDK и JS SDK, причем последняя выполняет вход в систему, а первая хранит данные на сервере.Что-то вроде: 

<?php
require_once 'config.php';
require_once 'lib/facebook.php';

$facebook = new Facebook(array(
    'appId' => FB_APP_ID,
    'secret' => FB_APP_SECRET,
));


?>
<!DOCTYPE html>
<html xmlns:fb="http://www.facebook.com/2008/fbml">
<body>

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId:'<?php echo $facebook->getAppID() ?>',
            cookie:true,
            xfbml:true,
            oauth:true
        });
        FB.Event.subscribe('auth.login', function (response) {
            window.location = "showUser.php"; //redirect to showUser.php on Login
        });
        FB.Event.subscribe('auth.logout', function (response) {
            window.location.reload();
        });
    };
    (function () {
        var e = document.createElement('script');
        e.async = true;
        e.src = document.location.protocol +
            '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
    }());
</script>
<div class="fb-login-button" data-show-faces="true" data-width="200"
     data-max-rows="1"></div>
</body>
</html>

А в showUser.php у вас есть что-то вроде: 

<?php
#showUser.php
require_once 'config.php';
require_once 'lib/facebook.php';

$facebook = new Facebook(array(
    'appId' => FB_APP_ID,
    'secret' => FB_APP_SECRET,
));

$user = $facebook->getUser();

if($user)
{
    if ($user) {
        try {
            // Proceed knowing you have a logged in user who's authenticated.
            $user_profile = $facebook->api('/me');
            var_dump($user_profile); //You can now save this data
        } catch (FacebookApiException $e) {
            echo ''.htmlspecialchars(print_r($e, true)).'
';$ user = null;}}}?>
3 голосов
/ 28 сентября 2011

В этом решении есть дыра - это означает, что пользователь может собирать любую информацию и отправлять XHR обратно на мой сервер.Сервер должен будет проверить напрямую с Facebook.

0 голосов
/ 06 февраля 2014 
 //very simple just change this line
fb:login-button autologoutlink="true"

//with this one

fb: кнопка входа autologoutlink = "true" onlogin = 'your_ajax_fun_that_store_in_db ()' 

function your_ajax_fun_that_store_in_db(){
  FB.api('/me', function(response) {
     $.post( "ajax/store_user_info.php",response, function( data ) {
     //write you js code here !
     //you can use the (response) from facebook directly in your store_user_info.php as it will be sent in POST array
     });
 });
}
//last thing when you face such a problem the first thing to do is to go back to facebook reference of fun.
...