Facebook oauth retrieve user Email

Question

I am using Facebook Javascript SDK to get oauth token and retrieve all the data from FB:

 function login() {
    FB.api('/me', function (response) {            
        alert('You have successfully logged in, ' + response.name + ", " + response.email + "!");

    });

I retrieve all basic information (full name, work, school, ID..) but not EMAIL (response.email == undefined) !!

I know it's possible to access email within basic information (not asking for 'email' permissions), how do I do that?

score 82 · Accepted Answer · edited Sep 25 '13 at 20:11

You need get email explicitly as follows:

                    var url = '/me?fields=name,email';
                    FB.api(url, function (response) {
                        alert(response.name);
                        alert(response.email);
                    });

And to get the email address, email permission is needed. So the code might look like (there are other options like Register button, login button..)

            FB.login(function (response) {
                if (response.session) {
                    var url = '/me?fields=name,email';
                    FB.api(url, function (response) {
                        alert(response.name);
                        alert(response.email);
                    });
                }
                else {
                    alert("User did not login successfully");
                }
            }, { scope: 'email' }); /* perms changed to scope */

score 8 · Answer 2 · answered Apr 26 '16 at 13:17

8

First make your app live, available to public. Then you have to grant permission to get user 'email' which is not allowed default by the app. After that the login method should be changed as follows.

function checkLoginState() {
    FB.getLoginStatus(function(response) {
        statusChangeCallback(response);
        console.log('Welcome!  Fetching your information.... ');
        var url = '/me?fields=id,name,email';
        FB.api(url, function(response) {
             alert(response.name + " " + response.id + " " +response.email);
        }, {scope: 'email'});
    });
}

If the field id is not needed change the variable url as :

var url = '/me?fields=name,email';

answered Apr 26 '16 at 13:17

Vihanga Yasith

328
5
18

Where to grant permission to get user email? – Old Geezer May 10 '18 at 02:07
go to the facebook developer console. – Vihanga Yasith May 10 '18 at 02:23
At the console under App Review, it says email is **approved by default**. However, I am still not getting the email address for one Facebook app while another one is ok. I can't locate any special setting for email. – Old Geezer May 10 '18 at 06:31

score 2 · Answer 3 · answered Jan 29 '17 at 17:40

If you can change to use a promise chaining, this worked for me:

fb.login({scope:'email'}).then(function (resp) {
    if (resp.status === 'connected') {
       fb.api('/me', 'get', {fields:'id,email,first_name,gender,...'}).then(function (response) {
          alert('You have successfully logged in, ' + response.name + ", " + response.email + "!");
       });
    }
});

score -5 · Answer 4 · answered Apr 18 '11 at 20:34

-5

It is impossible, user have to grant your application to access his email information, or in other case, it can be accessible if user allowed his email to viewed by everybody in his privacy settings.

answered Apr 18 '11 at 20:34

Andrew Makarenko

315
1
7

I have same situation. I can't login with fb oauth, when email is needed, with my account because I don't allow my email to be public visible – Kalanj Djordje Djordje Nov 14 '14 at 21:20

Facebook oauth retrieve user Email

4 Answers4

Linked