跳转至

将应用连接到 Facebook

本指南介绍如何将您的 Authany 应用连接到 Facebook,让用户可以使用 Login with Facebook 功能登录。

第 1 步:在 Facebook for Developers 中创建应用

如果您已经在现有的 Facebook 应用中使用 Authany,可以跳到下一步设置 OAuth 客户端。

前提条件

您需要一个 Facebook 开发者账号。在 Facebook for Developers 网站上点击 Get Started 即可注册。

创建应用

要创建新应用,请前往 Facebook Developers 的 Apps 面板,然后点击 Create App 按钮。

在「Use cases」页面,选择 Others,并将「Authenticate and request data from users with Facebook Login」设为应用的 use case,然后点击 Next。

按照屏幕上的说明完成应用创建流程。

第 2 步:添加「email」权限

  1. 进入刚创建的应用的「Use Cases」配置。
  2. 自定义「Authenticate and request data from users with Facebook Login」用例。
  3. 启用「email」权限,确保「public_profile」和「email」都已启用。

第 3 步:设置 OAuth 客户端

  1. 在用例设置中,确保 Client OAuth Login 和 Web OAuth Login 均已启用。
  2. 将 https://<YOUR_AUTHGEAR_ENDPOINT>/sso/oauth2/callback/facebook 添加到 Valid OAuth Redirect URIs,然后保存更改。

说明

重定向 URI 的格式为 https://<YOUR_AUTHGEAR_ENDPOINT>/sso/oauth2/callback/:oauth_provider_alias。其中 oauth_provider_alias 是您在 Authany 管理台中为该提供方配置的 OAuth Provider Alias。

关于如何获取 YOUR_AUTHGEAR_ENDPOINT 的值,请参阅您的 Authany 端点。

第 4 步:在 Authany 管理台中配置 Login with Facebook

获取 OAuth 客户端信息

设置好 OAuth 客户端后,在侧边栏进入 App settings > Basic。

配置 Facebook Login 需要用到 App ID 和 App Secret,请先记录下来。

完成此步骤可能需要提交应用审核,请按照屏幕上的说明操作。

在 Authany 管理台中配置

  1. 在管理台中,进入 身份验证 > 社交 / 企业登录。
  2. 启用 Login with Facebook。
  3. 在 Client ID 中填入从 Facebook Developers 管理台获取的 App ID,在 Client Secret 中填入上一步获取的 App Secret。
  4. 点击 Save 保存设置。

🎉 完成!您已经为应用添加了 Facebook 登录!

现在您的终端用户可以在 Authany 预置的登录和注册页面上使用 Facebook 登录。已有的终端用户也可以在用户设置页面将账号与 Facebook 关联。

终端用户可以在用户设置页面关联 Facebook 账号