网站集成github登陆配置指南
很多网站会提供「使用 GitHub 登录」功能，用户不用单独注册账号，只需要授权 GitHub，就可以快速进入网站。下面按步骤说明如何配置。
一、创建 GitHub OAuth App
先登录 GitHub，进入：
Settings → Developer settings → OAuth Apps → New OAuth App
填写以下信息：
Application name
填写你的网站名称，例如：
My Website
Homepage URL
填写你的网站首页地址，例如：
https://example.com
本地开发可以先填写：
http://localhost:3000
Authorization callback URL
这是最重要的一项，表示 GitHub 授权成功后跳回你网站的地址。
常见格式：
https://example.com/api/auth/callback/github
如果你使用的是 NextAuth / Auth.js，本地开发一般是：
http://localhost:3000/api/auth/callback/github
填写完成后，点击：
Register application
2
二、获取 Client ID 和 Client Secret
创建成功后，GitHub 会生成一个：
Client ID
然后点击：
Generate a new client secret
生成：
Client Secret
这两个值后面要配置到网站环境变量里。
注意：Client Secret 只显示一次，建议立即复制保存。
三、配置网站环境变量
在项目根目录创建或修改 .env 文件。
以 Next.js / Auth.js 为例：
AUTH_GITHUB_ID=你的_Client_IDAUTH_GITHUB_SECRET=你的_Client_SecretAUTH_SECRET=随机生成的一串密钥AUTH_URL=http://localhost:3000
如果是生产环境：
AUTH_URL=https://example.com
AUTH_SECRET 可以用下面命令生成：
openssl rand -base64 32
正文到此结束
- 本文标签： GitHub
- 版权声明： 本文由HARRIES原创发布，转载请遵循《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
- 本文海报： 生成海报一 生成海报二
热门推荐
相关文章
近期评论
-
ws0132613@gmail.comhttps://getmacos.com/gopanel/william smith
-
谢谢
-
https://www.newcmy.com/register?aff=HBVX建议您试试草莓云机场，可以流畅观看youtube和tiktok，上reddit/x也没有问题，还有各种ai优化节点。
-
-
-
想购买您这个站，我的联系方式QQ741756694微信同步 能卖联系
-
-
-
-
Loading...
![[HBLOG]公众号](https://www.harries.blog/img/qrcode_gzh.jpg)
