使用AJAX进行Facebook登录以获取访问令牌

Question

I'm working on a facebook app that will allow users to login and will retrieve there photos. I've got Facebook Login to work with a redirect to get the access token, but I'd actually like to make my app a little bit better and use ajax to get the access token.

I'm using the Facebook JS SDK to login into my app. I'm using the Facebook PHP SDK for the rest of it, like retrieving user albums and photos.

I'm confused about getting the access code using ajax from the login.php page. I see that that page sets the access token and can return that value from this page.

My loginWithFacebook function looks like this:

// REQUIRED - using the facebook js to login
  logInWithFacebook = function() {
    FB.login(function(response) {
      if (response.authResponse) {
        // alert('You are logged in & cookie set!');
        // Now you can redirect the user or do an AJAX request to
        // a PHP script that grabs the signed request from the cookie.

        // Redirect Way
        window.location.href = 'app5.1.js-login.php';


      } else {
        alert('User cancelled login or did not fully authorize.');
      }



    }, {scope: 'public_profile,email,user_photos'}
        );
    return false;
  };

As you can see I'm doing a redirect. I wanna change that part to pull in the access token with ajax, but I'm not exactly how to do that part and also how to keep it communicating with the rest of the app.

Answer 1

Access tokens have been decoupled from SDK v.4.0. Check out the following link:

https://www.sammyk.me/access-token-handling-best-practices-in-facebook-php-sdk-v4

Also check out:

https://developers.facebook.com/docs/facebook-login/access-tokens#pagetokens

Hope this helps