React Native集成Firebase实现Facebook登录时如何获取用户数据？

嘿，我来帮你搞定这个问题！你现在的代码已经搭好了Facebook登录并关联Firebase的基础流程，要获取用户数据其实有两种实用的方式，我给你一步步拆解：

方式一：通过Facebook Graph API获取详细用户信息 #

既然你已经拿到了Facebook的登录token，直接用这个令牌调用Facebook的Graph API就能拿到更丰富的用户数据（比如高清头像、具体的个人资料字段）。你可以在登录成功的分支里添加这段逻辑：

async handleFacebookButton() {
  const navigation = this.props.navigation;
  try {
    const { type, token } = await Facebook.logInWithReadPermissionsAsync(FACEBOOK_APP_ID, {
      permissions: ['public_profile', 'email']
    });

    if (type === 'success') {
      // 调用Facebook Graph API获取用户数据
      const response = await fetch(
        `https://graph.facebook.com/me?access_token=${token}&fields=id,name,email,picture.type(large)`
      );
      const fbUserData = await response.json();
      console.log('从Facebook获取的用户数据:', fbUserData);
      // 这里可以把数据存到组件state或者用于后续业务逻辑

      const credential = firebase.auth.FacebookAuthProvider.credential(token);
      // 登录Firebase并获取关联的用户信息
      const userCredential = await auth.signInWithCredential(credential);
      const firebaseUser = userCredential.user;
      console.log('从Firebase Auth获取的用户数据:', {
        uid: firebaseUser.uid,
        displayName: firebaseUser.displayName,
        email: firebaseUser.email,
        photoURL: firebaseUser.photoURL
      });

      navigation.navigate("Profile");
    }
  } catch (error) {
    this.setState({ errorMessage: error.message });
    console.error('登录过程出错:', error);
  }
}

小提示： #

• 你可以通过修改fields参数来指定要获取的字段，比如添加birthday（但需要在Facebook开发者后台额外申请该权限）、location等。
• picture.type(large)是获取高清尺寸的头像，换成picture.type(small)就能拿到小尺寸头像。

方式二：从Firebase Auth用户对象获取基础信息 #

当你调用signInWithCredential成功后，会返回一个UserCredential对象，其中的user属性就是Firebase的用户实例，里面包含了Facebook同步过来的基础用户信息，比如用户名、邮箱、头像地址等。这种方式不需要额外调用Graph API，适合只需要基础信息的场景。

关键注意点： #

• 确保你在Facebook开发者后台已经开启了对应权限（比如email权限），否则可能拿不到邮箱这类需要授权的字段。
• 一定要用try/catch包裹所有异步操作，避免出现未捕获的错误导致应用崩溃，我已经在代码里帮你补上了完整的错误处理逻辑。

内容的提问来源于stack exchange，提问作者developer