配置Github登录

在面向开发者的网站上线时,集成 GitHub 登录是一个常见且必要的步骤,因为 GitHub 账户在开发者群体中的普及率非常高。GitHub 登录的配置过程相对简单直接,尤其是针对开发者群体的网站,建议同时接入 Google 和 GitHub 登录,以满足不同用户的需求。

尽管整个流程较为简单,但其中仍有一些细节需要注意。为了帮助大家更好地理解和操作,我借一个新站接入 GitHub 登录的机会,将全流程详细记录下来并分享给大家。只要按照步骤操作,即使是新手也能在三分钟内完成配置。

第一步:注册 GitHub OAuth 应用

  1. 访问 GitHub Developer Settings https://github.com/settings/developers
  2. 点击"OAuth Apps"标签
  3. 点击"New OAuth App"按钮
  4. 填写应用信息:
    • Application name:你的应用名称
    • Homepage URL:你的网站首页地址
    • Application description:应用描述,会展示在授权界面
    • Authorization callback URL:授权回调地址(样例)https://demo.idreamsoft.com
    • Enable Device Flow : 不用管

⚠️ 注意:URL 只能填写一个,所以开发环境和生产环境需要申请两个不同的 Application.

GitHub OAuth 应用信息填写页面

GitHub OAuth 应用信息填写页面

20250128100930.jpg

第二步:获取 OAuth 凭据

  1. 创建应用后,你会看到应用详情页面
  2. 记录下 Client ID(客户端 ID)
  3. 点击"Generate a new client secret"生成新的客户端密钥
  4. 立即保存生成的 Client Secret(客户端密钥),因为它只会显示一次。
  5. 将 Client ID 和 Client Secret 填写到环境变量
  6. 上传网站 logo,点击"Update Application"

⚠️ 注意:如果你不小心丢失了 Client Secret,只能重新生成一个新的。

20250128101114.jpg

第三步:配置 iCMS用户社交登陆

20250128101809.jpg