使用 Facebook 身份验证

编辑页面

关于在 Expo 项目中使用 react-native-fbsdk-next 库集成 Facebook 身份验证的指南。


For the complete documentation index, see llms.txt. Use this Use this file to discover all available pages.

react-native-fbsdk-next 库提供了对 Facebook 的 Android 和 iOS SDK 的封装。它允许将 Facebook 身份验证集成到你的 Expo 项目中,并提供对原生组件的访问。

本指南提供了在 Android 上使用 Expo 配置该库的补充信息。

前置条件

由于 react-native-fbsdk-next 库需要自定义原生代码,因此无法在 Expo Go 应用中使用。了解更多关于向你的应用添加自定义原生代码的信息。

安装

有关如何安装和配置该库的说明,请参见 react-native-fbsdk-next 文档:

React Native FBSDK Next:Expo 安装说明

Android 配置

在你的 Facebook 项目中添加 Android 作为平台,需要你的应用已通过 Google Play Store 审核,这样它才会有一个有效的 Play Store URL,以及与你的应用关联的 package 名称。否则,你会遇到以下错误:

有关如何为应用商店构建项目的更多信息,请参见以下指南:

为应用商店构建你的项目
首次手动上传 Android 应用

一旦你已将应用上传到 Play Store,就可以提交应用审核。审核通过后,Facebook 项目将能够通过 Play Store URL 访问它。

之后,前往你的 Facebook 项目的 Settings > Basic 并添加 Android 平台。你需要提供 Key hash、Package name 和 Class name。

  • 要添加 Key hash,请前往你的 Play Store Console,从 Release > Setup > App Integrity > App signing key certificate 获取 SHA-1 证书指纹。然后,将证书的 Hex 值转换为 Base64,并将其添加到 Facebook 项目的 Android > Key hashes 下。
  • 你可以在 app config 中的 android.package 字段下找到 Package name。
  • Class name 默认是 MainActivity,你可以使用 package.MainActivity,其中 package 是你项目 app config 中的 android.package。例如,com.myapp.example.MainActivity,其中 com.myapp.example 是你应用的 package 名称。
  • 然后,点击 Save changes 保存配置。

现在,你可以将 Facebook 项目用于开发或发布构建以及生产应用。