Как запросить разрешение у пользователя на предоставление доступа к его информации с помощью FB API

Question

У меня есть код ниже, который позволяет пользователю зарегистрироваться в нашем приложении с помощью API Facebook SDK.Это работает хорошо, но я хочу попросить пользователя предоставить нам разрешение на их picture,birthday,address,email,gender,location и другую информацию.

window.fbAsyncInit = () => {
    //SDK loaded, initialize it
    FB.init({
        appId      : 'my-app-id',
        xfbml      : true,
        version    : 'v3.2'
    });

    //check user session and refresh it
    FB.getLoginStatus((response) => {
        if (response.status === 'connected') {
            //user is authorized
            document.getElementById('loginBtn').style.display = 'none';
            document.getElementById('logoutBtn').style.display = 'block';
            connectAPI(response);
        } else {

        }
    });
};

//add event listener to login button
document.getElementById('loginBtn').addEventListener('click', () => {
    //do the login
    FB.login((response) => {
        if (response.authResponse) {
            //user just authorized your app
            document.getElementById('loginBtn').style.display = 'none';

        }
    }, {
        scope: 'email', //===========change
        return_scopes: true,
        auth_type: 'rerequest'
    });
}, false);

document.getElementById('logoutBtn').addEventListener('click', () => {
    FB.logout((response) => {
        if(response.status === 'unknown'){
            document.getElementById('loginBtn').style.display = 'block';
            $('.btn-logout').hide();
        }
    });
}, false);

// Load the SDK asynchronously
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

//successful log in
function connectAPI(respo) {
    console.log(respo);
}

Вывод выглядит так:

Но я ожидаю, что вывод будет таким:

Я пытался изменить эту строку:

scope: 'email'

на:

scope: 'email,name,picture,birthday,address,email,gender,location',

Но отображениевсплывающее окно выглядит следующим образом:

Где мне правильно вставить параметры области действия?

Answer 1

Нет разрешения с именем "name" или "picture", прочитайте это: https://developers.facebook.com/docs/facebook-login/permissions

Также нет разрешения address, а разрешение location фактически называется user_location.То же самое для birthday и gender.Попробуйте с правильными и не используйте email дважды:

scope: 'email,public_profile,user_birthday,user_gender,user_location'

Не просто придумывайте разрешения, ссылка на API подскажет, какие именно существуют;)