Home / Questions / 356563
Accepted
AugustoM
Asked: 2020-05-18 08:54:12 +0800 CST 2020-05-18 08:54:12 +0800 CST

Another one of Facebook login and recover registration email

  • 772

I am implementing the Facebook login to a web app and I need to retrieve the email to add it to the app registration, but the Facebook api only returns the id and the name, check the permissions and the email should be added, in the documentation it is declares that a revision is not necessary to have it enabled, but I cannot get the dialog box to announce that the email will be required and neither can I capture it, in the debug tools I manage to add it and then recover it, but it could not be doing that to each user to be validated, any idea what would be wrong? Lei y lei, and the app must be published to capture data, and it already is, in the app configuration, the email permission is validated (in green) as well as the facebook profile (required)

Thank you for your attention,

facebook

1 Answers

  1. Best Answer

    In the end it fixed itself, but note that it only fixed itself after putting the minimum Facebook button code, my implementation has a "custom" button to be able to apply styles to it, so add the button and hide it and add the email scopes and name in the call to FB.login, it looks like this:

    <div class="hidden">
  <fb:login-button scope="public_profile,email">
  </fb:login-button>
</div>

<button id="fb-login" onClick="logInWithFacebook();" type="button" class="btn btn-primary btn-long fb-login-button" scope="public_profile,email">
<span><i class="fab fa-facebook color-white"></i></span> <span>Log in with Facebook</span>
</button>

    and the call to the script like this:

    <script>
  logInWithFacebook = function() {

    FB.getLoginStatus(function(response) {
      if (response.status === "connected") {
        // The user is logged in and has authenticated your
        // app, and response.authResponse supplies
        // the user's ID, a valid access token, a signed
        // request, and the time the access token 
        // and signed request each expire.
        let uid = response.authResponse.userID;
        let accessToken = response.authResponse.accessToken;
        window.location.replace("/dashboard/auth/login/fblogin");
      } else if (response.status === "not_authorized") {
        // The user hasn't authorized your application.  They
        // must click the Login button, or you must call FB.login
        // in response to a user gesture, to launch a login dialog.
        FB.login(function(response) {
            if (response.authResponse) {
              console.log("Logged and 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.
              window.location.replace("/dashboard/auth/login/fblogin");
            } else {
              console.log("User cancelled login or did not fully authorize.");
              removeClass(loader, "active");
            }
          },{scope : "email,public_profile"});
      } else {
        // The user isn't logged in to Facebook. You can launch a
        // login dialog with a user gesture, but the user may have
        // to log in to Facebook before authorizing your application.
        FB.login(function(response) {
            if (response.authResponse) {
              console.log("Logged and 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.
              window.location.replace("/dashboard/auth/login/fblogin");
            } else {
              console.log("User cancelled login or did not fully authorize");
            }
          },{scope : "email,public_profile"});
      }
     });


    return false;
  };  

  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'API_ID',
      autoLogAppEvents : true,
      cookie     : true,
      xfbml      : true,
      version    : 'v7.0'
    });

    FB.AppEvents.logPageView();   

  };
</script>
<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>

    I hope someone else finds it useful

    • 0