it-swarm.com.ru

JS SDK FB.login () работает, но всплывающее диалоговое окно остается открытым после входа в систему

Я использую JS SDK для Facebook на основе НОВОГО GraphAPI для аутентификации/входа в систему.

У кого-нибудь была эта проблема при входе в систему после вызова FB.login() через JS SDK?

Проблема: после того, как я инициализирую, вызывая FB.Init() асинхронно (потому что все это заключено в функцию window.fbAsyncInit), появляется логин; Я вхожу в систему, но затем это всплывающее окно обновляется, чтобы показать белую страницу, и оно остается открытым и не закрывается ... почему? Я жду, чтобы проверить response.session в обратном вызове FB.login(), но кажется, что я никогда не получу его обратно, потому что это всплывающее окно, кажется, просто застревает там, и процесс, кажется, просто останавливается после того, как вы вошли в систему, и я просто понял это всплывающее окно просто закроется и вернет мне response.session в обратном вызове автоматически. Почему это всплывающее окно не исчезнет?

Я скопировал URL-адрес из всплывающего окна после того, как вошел в систему и показал белым следующий URL-адрес, чтобы было похоже, что ответ есть, но тогда почему это всплывающее окно не закрывается, и мой обратный вызов может обработать ответ ??

http://static.ak.fbcdn.net/connect/xd_proxy.php#?=&cb=f18fe0b7c66da54&Origin=http%3A%2F%2Flocalhost%2Ff3745f32ed63a7a&relation=opener&transport=postmessage&frame=f18adb488566372&result=user_photos&session={%22session_key%22%3A%222.vH4SVCisnh8HJWjEI1Vy_Q__.3600.1280106000-100001379631246%22%2C%22uid%22%3A%22100001379631246%22%2C%22expires%22%3A1280106000%2C%22secret%22%3A%22TH45WFg8I_5r_cOoVIujjg__%22%2C%22access_token%22%3A%22132444323462464|2.vH4SVCisnh8HJWjEI1Vy_Q__.3600.1280106000-100001379631246|q123iPQcKY45xWXtOZ2ebOOZTQQ.%22%2C%22sig%22%3A%22a75e85af2354292bfdcf90b9d319ebf7%22}

Я заметил, что когда вызывается FB.login () и появляется всплывающее окно входа в систему, я вижу эту ошибку в FireBug, говорящую о том, что ему не нравится тот факт, что я тестирую на локальном хосте или что-то вроде этого:

необработанное исключение: [Exception ... "Компонент возвратил код ошибки: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMLocation.Host]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" расположение: "JS frame :: chrome: //smarterwiki/content/smarter :: аноним :: строка 1225 "данные: нет]

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

Итак, когда вы внедрили свою версию, всплывающее окно с вашим фейсбуком закрывалось сразу после того, как пользователь вошел в систему, или вам нужно было сделать что-то особенное, чтобы завершить этот процесс?

Кроме того, я замечаю, что если я вручную закрываю это всплывающее окно, а затем проверяю, был ли этот файл cookie создан для моего сеанса, это не так (файл cookie fbs_[yourappid]). Похоже, что здесь что-то заканчивается преждевременно. У меня есть файл cookie инициализации: true, поэтому мне интересно, если эта проблема не закрывалась, всплывающее диалоговое окно связано с тем, что файл cookie также не создается на моем тестовом ПК на стороне клиента.

20
PositiveGuy

Я недавно боролся с этой проблемой. Проблема возникла из ниоткуда, предположительно, из-за некоторых изменений в JS SDK Facebook. Поскольку я планирую никогда больше не использовать JS SDK, эти случайные проблемы поглощают мое время.

Во всяком случае, здесь есть взлом, который я использовал, чтобы обойти эту проблему.

var accessToken, fb_response;

if (window.location.hash.length < 30) {
  window.location = "http://www.facebook.com/dialog/oauth?client_id=YOUR_ID&redirect_uri=YOUR_URL&scope=YOUR_PERMISSIONS&response_type=token";
} else {
  fb_response = window.location.hash;
  accessToken = fb_response.substr(14, fb_response.indexOf("&expires") - 14);
  FB._authResponse = {
    accessToken: accessToken
  };
  window.location.hash = "";
  FB.api("/me", function(profile) {
    if (profile.id) {
       app_init();
    } else {
       alert("Problem connecting to Facebook");
    }
  }); 
}

Обычно я отправляю пользователя в диалог Facebook oauth, а когда он возвращается, я получаю токен доступа из хеша. Затем я устанавливаю параметр маркера внутреннего доступа в объекте Facebook. После этого вы можете делать все обычные вызовы Facebook Api.

Надеюсь, это кому-нибудь поможет! Для будущих проектов я определенно буду придерживаться потока аутентификации на стороне сервера, у вас гораздо больше контроля!

2
user1004005

Я не знаю, какой у вас код, но моя проблема была в том, что я забыл добавить <div id="fb-root"></div>. Мой код:

<div id="fb-root"></div>
<script src="http://static.ak.fbcdn.net/connect/en_US/core.js"></script>
<script>
    FB.init({ apiKey: 'app key'});
</script>
<div class="fbloginbutton" id="fb-login" onclick="Login();">
<span id="fb_login_text" >Login with Facebook</span>
</div>
<asp:Label ID="errMsg" runat="server"></asp:Label>
<script type="text/javascript">
    function Login() {
        FB.login(function(response) {
            document.getElementById('fb_login_text').innerHTML = 'Logout';
            if (response.session) {
                FB.api('/me', function(response) {
                    var str;
                    str = response['id'] + ";" +
                            response['name'] + ";" +
                            response['first_name'] + ";" +
                            response['last_name'] + ";" +
                            response['link'] + ";" +
                            response['birthday'] + ";" +
                            response['gender'] + ";" +
                            response['email'];
                    alert(str);
                });
            }
            else {
                document.getElementById('fb_login_text').innerHTML = 'Login with Facebook';
            }
        }, { perms: 'user_birthday,email' });
    };
</script> 

Как вы видите, я нигде не использую div fb-root, но это требуется для входа на Facebook!

2
Kate

Эта проблема возникла из ниоткуда для моего сайта, когда Facebook недавно изменил свой "all.js".

В более ранней версии их javascript у меня была проблема, специфичная для IE, и я скопировал этот небольшой фрагмент кода из чьей-то публикации в Интернете. Это казалось загадочным, но решило проблему в то время:

  // http://developers.facebook.com/bugs/204792232920393

  // Hack to fix http://bugs.developers.facebook.net/show_bug.cgi?id=20168 for IE7/8/9.
  FB.UIServer.setLoadedNode = function (a, b) { FB.UIServer._loadedNodes[a.id] = b; };
  FB.UIServer.setActiveNode = function(a, b) { FB.UIServer._active[a.id]=b; };

Оказывается, эти строки были причиной этой проблемы для меня. Я удалил их, и проблема ушла. Я полагаю, что оригинальная ошибка, специфичная для IE, также была исправлена ​​в самом последнем "all.js".

2
Dave Cohen

Это рабочий образец для меня:

<!DOCTYPE html>
<html>
  <head>
    <title>Facebook Client-side Authentication Example</title>
  </head>
  <body>
    <div id="fb-root"></div>
    <script>
      // Load the SDK Asynchronously
      (function(d){
         var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         ref.parentNode.insertBefore(js, ref);
       }(document));

      // Init the SDK upon load
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '00000000000000', // Your App ID
          channelUrl : '//'+window.location.hostname+'/channel', // Path to your Channel File
          status     : true, // check login status
          cookie     : true, // enable cookies to allow the server to access the session
          xfbml      : true  // parse XFBML
        });

        // listen for and handle auth.statusChange events
        FB.Event.subscribe('auth.statusChange', function(response) {
          if (response.authResponse) {
            // user has auth'd your app and is logged into Facebook
            FB.api('/me', function(me){
              if (me.name) {
                document.getElementById('auth-displayname').innerHTML = me.name;
              }
            })
            document.getElementById('auth-loggedout').style.display = 'none';
            document.getElementById('auth-loggedin').style.display = 'block';
          } else {
            // user has not auth'd your app, or is not logged into Facebook
            document.getElementById('auth-loggedout').style.display = 'block';
            document.getElementById('auth-loggedin').style.display = 'none';
          }
        });

        // respond to clicks on the login and logout links
        document.getElementById('auth-loginlink').addEventListener('click', function(){
          FB.login();
        });
        document.getElementById('auth-logoutlink').addEventListener('click', function(){
          FB.logout();
        }); 
      } 
    </script>

    <h1>Facebook Client-side Authentication Example</h1>
      <div id="auth-status">
        <div id="auth-loggedout">
          <a href="#" id="auth-loginlink">Login</a>
        </div>
        <div id="auth-loggedin" style="display:none">
          Hi, <span id="auth-displayname"></span>  
        (<a href="#" id="auth-logoutlink">logout</a>)
      </div>
    </div>

  </body>
</html>
1
Junior M

Кажется, что вы пробуете localhost, можете ли вы попробовать это с публичным URL.

Я уже сталкивался с этой проблемой. Но я решил эту проблему, настроив URL-адрес холста в приложении в качестве общедоступного (например, www.something.com/test/).

1
Vishal Rathod

На сайте четко сказано, что срок действия all.js истек. Тем не менее, я получаю ту же ошибку, что вы получили только с sdk.js. Проблема была исправлена, когда вернулся к устаревшей all.js

// Old SDK (deprecated)
js.src = "//connect.facebook.net/en_US/all.js";

// New SDK (v2.x)
js.src = "//connect.facebook.net/en_US/sdk.js";

Facebook SDK

0
Kareem