그래프 API를 사용하여 페이스 북 로그인을 사용하여 사용자 이메일 및 ID를 얻는 방법

Question

저는 페이스 북 API로 처음으로 작업하고 있습니다. 거기에서 우리는 아래에 이름을 불러올 수 있음을 발견했다. console.log (response.name); 하지만 전자 메일 및 fbid도 가져올 수 있습니까?

감사합니다, Enamul

<?php ?> 
<div id="fb-root"></div> 
<script> 
    // Additional JS functions here 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'f', // App ID 
     channelUrl : '//localhost/practices/phpTest/fblogin/login.php/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') { 
     // connected 
    } else if (response.status === 'not_authorized') { 
     // not_authorized 
     login(); 
    } else { 
     // not_logged_in 
     login(); 
    } 
    }); 

    // Additional init code here 

    }; 

    function login() { 
    FB.login(function(response) { 
     if (response.authResponse) { 
      // connected 
      testAPI(); 
     } else { 
      // cancelled 
     } 
    }); 
    } 

    function testAPI() { 

    console.log('Welcome! Fetching your information.... '); 
    FB.api('/me', function(response) { 

     console.log('Good to see you, ' + response.name + '.'); 
    }); 
    } 

    // 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)); 
</script> 
<?php ?> 

Answer 1

당신이 이름을 액세스 같은 방법으로.

response.email 및 response.id을 즉하지만 이메일 주소를 가져 오기 위해 당신은 그것을 액세스 할 수있는 권한이 있어야합니다.

scope="email"을 FB 로그인 버튼에 추가하십시오.

[편집]

function login() { 
    FB.login(function(response) { 
     if (response.authResponse) { 
      // connected 
     testAPI(); 
     } else { 
      // cancelled 
     } 
    }, { scope: 'email' }); 
    } 

function testAPI() { 

    console.log('Welcome! Fetching your information.... '); 
    FB.api('/me', function(response) { 

     console.log('Good to see you, ' + response.name + '.' + ' Email: ' + response.email + ' Facebook ID: ' + response.id); 
    }); 
} 

여기에 초보자를위한 좋은 튜토리얼입니다 : 버튼에 범위 = "이메일"을 추가하는 것 외에도 http://www.loginworks.com/technical-blogs/404-working-with-facebook-javascript-sdk

Answer 2

, 당신은 반환하는 필드를 지정할 필요가. 전체 코드 구조에 대한

function testAPI() { 
    FB.api('/me', {fields: 'name, email'}, function(response) { 
     console.log(response); 
     console.log(response.email); 
    }); 
} 

<fb:login-button scope="public_profile, email" onlogin="checkLoginState();" data-auto-logout-link="true" data-size="large"> 

는 facebook documentation를보십시오.