Home/ Questions/Q 8485631
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T20:42:08+00:00

I’m using the Facebook JS SDK to do Client-Side Authentication per there example located

  • 0

I’m using the Facebook JS SDK to do Client-Side Authentication per there example located here 

<!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      : 'YOUR_APP_ID', // 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>

What I haven’t been able to figure out in my mucking around is how to add, to this code, the scope parameter to request access to the email address. Can anyone point me in the right direction?

Thanks!

— EDIT —

I’ve seen this code located in the documentation

FB.login(function(response) {
   // handle the response
 }, {scope: 'email'});

I guess I’m not sure how to incorporate that into this existing code though because it’s not working

document.getElementById('auth-loginlink').addEventListener('click', function(){
              FB.login();
            });

If anyone can update the above line to incorporate the extra scope parameter I’m eager to try it.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Simple solution for you. Just add those parameters to the FB.login() function.

     FB.login(function(){}, {scope: 'email'});

    If you don’t need to handle the login response then just provide an empty function.

    • 0