ShipNow LogoShipNow

GitHub 登录

学习如何在 ShipNow 应用中设置 Supabase 的 GitHub 身份认证。

创建 GitHub OAuth 应用

前往 GitHub OAuth Applications 并点击 "New OAuth App"

配置 GitHub OAuth 应用

注册应用

填写应用信息:

  • Application name: 您的应用名称

  • Homepage URL: 您的应用 URL

  • Authorization callback URL:

    • 如果您使用 Auth.js,请填写以下 URL:

      http://localhost:3000/api/auth/callback/github

      替换 http://localhost:3000 为您的应用 URL

    • 如果您使用 Supabase,请填写以下 URL:

      https://[YOUR_PROJECT_ID].supabase.co/auth/v1/callback

      替换 [YOUR_PROJECT_ID] 为您的 Supabase 项目 ID

  • 点击 "Register application"

注册 OAuth 应用

生成客户端密钥

  • 创建应用后,您将看到 Client ID
  • 点击 "Generate a new client secret" 创建 Client Secret
  • 保存 "Client ID" 和 "Client Secret" 用于下一步

生成客户端密钥

在 Supabase 中配置 GitHub 登录

前往 Supabase GitHub 登录配置

  • 勾选 "GitHub enabled"
  • 添加上一步保存的 "Client ID" 和 "Client Secret"
  • 点击 "Save"

将凭据添加到 Supabase

在 ShipNow 中使用 GitHub 登录

前往您的应用并点击 "登录" 按钮,然后点击 "使用 GitHub 登录"

使用 GitHub 登录

GitHub 登录页面预览

您将跳转到 GitHub 登录页面,认证后您将跳转回您的应用

GitHub 登录页面

On this page

ShipNow Logo获取 ShipNow