Skip to content

OAuths - 为您的网站配置第三方登录

VpAdmin 中的 OAuths 页面允许您为已发布的网站配置第三方登录集成,使用户能够使用他们来自热门平台的现有帐户登录。这简化了用户体验,并可以提高您网站的参与度。

概述

OAuths 页面提供了一个集中位置,用于管理您网站的第三方登录配置。在这里,您可以:

  • 添加新配置: 创建与 GitHub、GitLab、Google 和 Facebook 等平台的集成。
  • 管理现有配置: 编辑、删除或切换 OAuth 设置的状态。
  • 搜索和筛选: 使用筛选器快速定位特定配置。

支持的平台

目前,VpAdmin 支持与以下平台的 OAuth 集成:

  • GitHub
  • GitLab
  • Google
  • Facebook

未来版本将添加对其他平台的支持。

添加 OAuth 配置

添加 OAuth 设置
  1. 选择网站: 选择您要配置 OAuth 集成的网站。请注意,只有启用了管理功能的网站才可用。

  2. 选择平台: 选择您要集成的平台(例如,GitHub、GitLab、Google、Facebook)。

  3. 输入客户端 ID 和客户端密钥: 从您选择的平台的开发者控制台获取 客户端 ID客户端密钥。这些凭据是验证您的网站与平台身份所需的。有关如何获取这些凭据的示例,请参阅下面的 GitHub 示例 部分。

  4. 配置重定向 URI: 重定向 URI 是根据您选择的网站自动生成的。

    注意

    请确保您在“站点配置”中创建或编辑网站时,已在“域名”字段中正确设置了您的实际域名。

  5. 设置状态: 使用状态切换开关启用或禁用配置。

配置完成后,您网站登录窗口上的第三方登录功能将激活,如下所示:

用户端已启用 OAuth

GitHub 示例

以下是如何配置 GitHub OAuth 集成的详细示例:

  1. 在 GitHub 上创建 OAuth 应用:
    • 转到您的 GitHub 帐户设置,然后导航到 开发者设置 -> OAuth 应用
    • 点击“新建 OAuth 应用”。
    • 填写以下字段:
      • 应用程序名称: 输入您的应用程序的名称(例如,您的网站名称)。

      • 主页 URL: 输入您网站的主页 URL(例如,https://your.domain.name)。

      • 授权回调 URL: 输入您在 VpAdmin 中配置的重定向 URI。

        它遵循以下模式:

        https://your.domain.name/social-callback?source=platform
        • your.domain.name 替换为您的网站域名。
        • platform 替换为您正在配置的平台(例如,githubgitlabgooglefacebook)。

        GitHub 示例:

        https://your.domain.name/social-callback?source=github
Github OAuth 应用创建
  1. 获取客户端 ID 和客户端密钥:

    • 创建 OAuth 应用后,您将被重定向到该应用的设置页面。
    • 复制 客户端 ID 并生成一个新的 客户端密钥
    客户端 ID 和密钥
  2. 在 VpAdmin 中输入凭据:

    • 返回 VpAdmin OAuths 页面。
    • 将复制的 客户端 ID客户端密钥 粘贴到 GitHub 配置的相应字段中。

结论

通过配置 OAuth 集成,您可以通过为用户提供一种方便、安全的方式登录来增强您网站的用户体验。VpAdmin 通过提供一个集中平台来管理您的所有第三方登录配置,从而简化了此过程。通过支持 GitHub、GitLab、Google 和 Facebook 等热门平台,您可以轻松地将这些登录选项集成到您的网站中,并简化用户注册流程。

由 vpadmin.org 构建并发布