Как использовать графический API с response-native-fbsdk?

Я прочитал документ, как на github, так и разработчики Facebook документы.
Существует только образец, не более того. Нет документа API.

Код для создания запроса API Графа -

const infoRequest = new GraphRequest(
  '/me',
  null,
  this._responseInfoCallback,
);

И обратный вызов

_responseInfoCallback(error: ?Object, result: ?Object) {
  if (error) {
    alert('Error fetching data: ' + error.toString());
  } else {
    alert('Success fetching data: ' + result.toString());
  }
}

И вот функция, чтобы сделать запрос API графа

testRequestGraphAPI(){
  const infoRequest = new GraphRequest(
  '/me',
  null,
  this._responseInfoCallback,
  );   
    new GraphRequestManager().addRequest(infoRequest).start();
}

Однако я не могу найти никакого дополнительного документа. Я понятия не имею, что делают каждый параметр.

Результат для этих кодов выше - это.

Я также не знаю, как получить результат.

Однако, когда я пытаюсь изменить '\ me' на 'me? fields = id, name', это не удалось. Хотя я просил разрешения

<LoginButton
  publishPermissions={["publish_actions,user_birthday, user_religion_politics, user_relationships, user_relationship_details, user_hometown, user_location, user_likes, user_education_history, user_work_history, user_website, user_managed_groups, user_events, user_photos, user_videos, user_friends, user_about_me, user_status, user_games_activity, user_tagged_places, user_posts, user_actions.video, user_actions.news, user_actions.books, user_actions.music, user_actions.fitness, public_profile, basic_info"]}
  onLoginFinished={
    (error, result) => {
      if (error) {
        alert("login has error: " + result.error);
      } else if (result.isCancelled) {
        alert("login is cancelled.");
      } else {
        AccessToken.getCurrentAccessToken().then(
          (data) => {
            meow_accesstoken = data.accessToken
            alert(meow_accesstoken.toString())
          }
        )
      }
    }
  }
  onLogoutFinished={() => alert("logout.")}/>

Но он не печатает какую ошибку, просто объект Object.

Итак, проблема в том, что я не понимаю пример кода, который предоставляет Facebook без объяснения.

Вот мой вопрос, что мне действительно нужно, чтобы вы мне помогли:
Во-первых, пожалуйста, проверьте javascript code, который я сейчас просматриваю?
Как использовать графический API в response-native-fbsdk для получения информации о (пример: полное имя) и успешно отображение это (использовать предупреждение)?
Каковы все параметры в GraphRequest()?
Какова структура объекта ошибка и результат в _responseInfoCallback?

РЕШЕНИЕ
Спасибо @Samuel ответить, я обновил свой код

testRequestGraphAPI: function(){    
        const infoRequest = new GraphRequest(
          '/me',
          {
            parameters: {
              fields: {
                string: 'email,name,first_name,middle_name,last_name' // what you want to get
              },
              access_token: {
                string: meow_accesstoken.toString() // put your accessToken here
              }
            }
          },
          this._responseInfoCallback // make sure you define _responseInfoCallback in same class
        );
    new GraphRequestManager().addRequest(infoRequest).start();
  }

И обратный вызов

  _responseInfoCallback: function(error: ?Object, result: ?Object) {
    alert("meow response");
    if (error) {
      alert('Error fetching data: ' + error.toString());
      console.log(Object.keys(error));// print all enumerable 
      console.log(error.errorMessage); // print error message
      // error.toString() will not work correctly in this case
      // so let use JSON.stringify()
      meow_json = JSON.stringify(error); // error object => json 
      console.log(meow_json); // print JSON 
    } else {
      alert('Success fetching data: ' + result.toString());
      console.log(Object.keys(result)); 
      meow_json = JSON.stringify(result); // result => JSON
      console.log(meow_json); // print JSON
    } 
  }

* Примечание. Для console.log() вам необходимо использовать "Отладка JS удаленно", затем откройте инструменты разработчика Chrome, чтобы просмотреть журнал.

Ответ 1

К сожалению, документация react-native-fbsdk не обновляется, и примеры не работают.

У меня такая же проблема, и я решил ее попробовать и ошибки.

Чтобы решить вашу проблему, вам нужно изменить GraphRequest добавление параметров и полей следующим образом:

  <LoginButton
    onLoginFinished={
      (error, result) => {
        if (error) {
          alert("login has error: " + result.error);
        } else if (result.isCancelled) {
          alert("login is cancelled.");
        } else {

          AccessToken.getCurrentAccessToken().then(
            (data) => {
              let accessToken = data.accessToken
              alert(accessToken.toString())

              const responseInfoCallback = (error, result) => {
                if (error) {
                  console.log(error)
                  alert('Error fetching data: ' + error.toString());
                } else {
                  console.log(result)
                  alert('Success fetching data: ' + result.toString());
                }
              }

              const infoRequest = new GraphRequest(
                '/me',
                {
                  accessToken: accessToken,
                  parameters: {
                    fields: {
                      string: 'email,name,first_name,middle_name,last_name'
                    }
                  }
                },
                responseInfoCallback
              );

              // Start the graph request.
              new GraphRequestManager().addRequest(infoRequest).start()

            }
          )

        }
      }
    }
    onLogoutFinished={() => alert("logout.")}/>

Вам нужно включить Удаленный отладчик JS, чтобы увидеть информацию console.log(). https://facebook.github.io/react-native/docs/debugging.html

И, вероятно, вам нужно получить некоторые разрешения для получения дополнительной информации, кроме имен и электронной почты, поэтому неплохо посмотреть документацию API графического интерфейса Facebook: https://developers.facebook.com/docs/graph-api/overview/

Ссылка:

https://github.com/facebook/react-native-fbsdk/issues/105#issuecomment-206501550

Ответ 2

Вот пример пользовательской кнопки, если вы хотите сделать ее:)

FbLoginButton() {
 LoginManager
  .logInWithReadPermissions(['public_profile'])
  .then(function (result) {
    if (result.isCancelled) {
      alert('Login cancelled');
    } else {
      AccessToken
        .getCurrentAccessToken()
        .then((data) => {
          let accessToken = data.accessToken
          alert(accessToken.toString())

          const responseInfoCallback = (error, result) => {
            if (error) {
              console.log(error)
              alert('Error fetching data: ' + error.toString());
            } else {
              console.log(result)
              alert('Success fetching data: ' + result.toString());
            }
          }

          const infoRequest = new GraphRequest('/me', {
            accessToken: accessToken,
            parameters: {
              fields: {
                string: 'email,name,first_name,middle_name,last_name'
              }
            }
          }, responseInfoCallback);

          // Start the graph request.
          new GraphRequestManager()
            .addRequest(infoRequest)
            .start()

        })
    }
  }, function (error) {
    alert('Login fail with error: ' + error);
   });
  }