2012-04-06 2 views
0

Я использую HTML 5, чтобы разработать несколько вещей и вставить в него JavaScript JavaScript SDK.Facebook - JavaScript SDK - как запросить разрешение автоматически

Я разработал приложение Facebook, где я хочу:

1) Если пользователь не зарегистрирован в Facebook, он будет просить для входа в систему, но если пользователь вошел в систему и открывает приложение, он должен спросить для автоматического пропуска, а не для того, чтобы пользователь снова нажал на ссылку, имеющую FB.LOGIN().

Существует один вопрос о переполнении стека, How do I get my Facebook application to automatically ask for the required permissions post installation где они делают это с помощью window.top.location = "<?php echo $loginUrl; ?>";, но как я могу найти этот authenication URL в пределах JavaScript?

JavaScript код:

<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  : 'appid', // App ID 
      channelUrl : '//www.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 
     }); 

     FB.getLoginStatus(function(response) { 
      if (response.status === 'connected') { 
       var uid = response.authResponse.userID; 
       var accessToken = response.authResponse.accessToken; 

       document.getElementById('auth-loggedout').style.display = 'none'; 
       document.getElementById('auth-loggedinnotauthenticate').style.display = 'none'; 
       document.getElementById('loginauthenicated').style.display = 'block'; 
      } 
      else 
       if (response.status === 'not_authorized') { 
        window.top.location = "https://www.facebook.com/dialog/oauth?client_id=id&redirect_uri=http://apps.facebook.com/appp/"; 
       } 
       else { 
        window.top.location = "https://www.facebook.com/login.php?api_key=id&skip_api_login=1&display=page&cancel_url=http://apps.facebook.com/appp/"; 
       } 
    }); 
</script> 

ответ

3

Используйте это:

FB.getLoginStatus(function(response) { 
    if (response.authResponse) { 
     fbUserId = response.authResponse.userID; 
     token = response.authResponse.accessToken; 
    } 
    else { 
     FB.login(function(response) { 
      if (response.authResponse) { 
       fbUserId = response.authResponse.userID; 
       token = response.authResponse.accessToken; 
      } 
      else { 
       console.log('User cancelled login or did not fully authorize.'); 
      } 
     }, {scope: 'user_location'}); 
    } 
},true); 
1

Я считаю, что самый лучший вариант для вас, чтобы использовать authenticated referrals функцию, которая означает, что Facebook будет заботиться о проверке подлинности для вас, наряду с правами, которые необходимо.

Пользователь будет передан вашему приложению только после того, как пользователь проведет процесс аутентификации.

Если это вас не устраивает по какой-либо причине, пожалуйста, ознакомьтесь с документацией для authentication и особенно с server-side flow, так как кажется, что это то, что вам нужно после того, что вы написали.

Из вашего кода JavaScript кажется, что вы не используете свойство URL-канала при запуске SDK для Facebook. Как говорится в JavaScript SDK documentation в (Channel File раздел):

Файл канала рассматриваются некоторые проблемы с кросс домена связи в некоторых браузерах

И потом:

Параметр channelUrl является необязательным, но рекомендуется.

Я не могу пообещать, что он исправит это, но может.

Это должно быть так:

// Init the SDK upon load 
window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'appid', // App ID 
     channelUrl : '//www.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 
    }); 

    FB.getLoginStatus(function(response) { 
     if (response.status === 'connected') { 
      var uid = response.authResponse.userID; 
      var accessToken = response.authResponse.accessToken; 

      document.getElementById('auth-loggedout').style.display = 'none'; 
      document.getElementById('auth-loggedinnotauthenticate').style.display = 'none'; 
      document.getElementById('loginauthenicated').style.display = 'block'; 
     } 
     else 
      if (response.status === 'not_authorized') { 
       window.top.location = "https://www.facebook.com/dialog/oauth?client_id=id&redirect_uri=http://apps.facebook.com/appp/"; 
      } 
      else { 
       window.top.location = "https://www.facebook.com/login.php?api_key=id&skip_api_login=1&display=page&cancel_url=http://apps.facebook.com/appp/"; 
      } 
}); 

// 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)); 

Как вы можете видеть, сначала нужно определить метод обратного вызова window.fbAsyncInit, и только затем загрузить SDK.

+0

Привет Nitzan, Спасибо за подробную информацию. https://www.facebook.com/dialog/oauth?client_id=myid&redirect_uri=http://apps.facebook.com/testnamespace Это работает, но я попытался использовать 3 аккаунта. в какой-то учетной записи, когда пользователь перенаправляется на эту строку, он показывает «Произошла ошибка. Повторите попытку позже». Можете ли вы дать какие-либо идеи? –

+0

Redirect_uri не должен быть URL-адресом домена facebook, как вы писали, вы должны перенаправить на свой собственный сервер, тогда вам нужно обработать то, что вы хотите, а затем перенаправить пользователя на * http: //apps.facebook ... . * –

+0

Но они упомянули, что мы можем сделать это, например, http://developers.facebook.com/docs/authentication/server-side/. Также это работало до некоторого времени. Связано ли это с медленной сетью, где js не загружается должным образом –

Смежные вопросы