Проблема с подключением к Facebook

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

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


facebook button connect login
person LittleFunny    schedule 11.12.2009    source источник
comment
Пожалуйста, предоставьте код, чтобы мы могли проверить, что происходит. Кроме того, вы указали атрибут onlogin для вашей кнопки входа в систему fb:?   -  person jlb    schedule 11.12.2009

Ответы (2)


arrow_upward
2
arrow_downward

Многие люди писали об этой проблеме, если вы все сделали правильно, причина в том, что файл xd_receiver не был прочитан fb.

Вам нужно убедиться, что там, где находится ваша кнопка подключения к fb, вы указали правильный путь к файлу xd_receiver.html где-то внизу этой страницы. Что-то вроде ниже:

<script type="text/javascript">
    FB.init("your api key here", "xd_receiver.htm");
</script>

Еще лучше и проще поместить файл xd_receiver в корневую папку вашего сайта и указать его с полным URL-адресом домена следующим образом:

<script type="text/javascript">
    FB.init("your api key here", "http://www.yoursite.com/xd_receiver.htm");
</script>
person Sarfraz    schedule 12.12.2009
comment
Привет, Сарфраз, у тебя есть список вопросов, которые люди задавали по этому поводу? Я получаю this._opts.channelUrl is null ошибку javascript при входе в систему. Сайт не перенаправляет, но если я обновляюсь вручную, я обнаруживаю, что я вошел в систему. - person sholsapp; 19.08.2010

arrow_upward
0
arrow_downward

Вот пример подключения к facebook, входа и выхода, работает очень хорошо. Также убедитесь, что вы добавили URL-адрес своего сайта в настройках приложения -> Веб-сайт -> URL-адрес сайта: URL вашего сайта 

<!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> 
        <head> 
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
            <title>Facebook Connect Sample</title> 
        </head> 
        <body> 
            <div id="fb-root"></div> 
            <script> 
            window.fbAsyncInit = function() {
                FB.init({
                  appId  : 'YOUR APP ID',
                  status : true, // check login status
                  cookie : true, // enable cookies to allow the server to access the session
                  xfbml  : true  // parse XFBML
                });

            /* All the events registered */
            FB.Event.subscribe('auth.login', function(response) {
                // do something on login
                login();
            });
            FB.Event.subscribe('auth.logout', function(response) {
                // do something on logout
                logout();
            });

            FB.getLoginStatus(function(response) {
                if (response.session) {
                    // logged in and connected user, someone you know
                    login();
                }
            });
        };

      /* Loading the JS SDK Asynchronously - Refer: https://developers.facebook.com/docs/reference/javascript/ */
      (function() {
        var e = document.createElement('script');
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());

    function login(){
        window.location = "http://google.com"; // Redirect to Another Page.

        /* Show User's Name 
        FB.api('/me', function(response) {
            document.getElementById('login').style.display = "block";
            document.getElementById('login').innerHTML = response.name + " succsessfully logged in!";
        });
        */
    }
    function logout(){ 
        document.getElementById('login').style.display = "none";
    }
    </script> 
    <p><fb:login-button autologoutlink="true"></fb:login-button></p> 
        <div id="login" style ="display:none"></div> 
</body> 
</html>
person Syed I.R.    schedule 07.07.2011