OAuth 第三方登录
Zenith Admin 从 v0.1.4 起支持 OAuth 第三方登录,用户可通过 GitHub、钉钉或企业微信账号直接认证。系统会优先复用已绑定账号;若第三方返回的邮箱可匹配现有本地账号,则自动完成绑定;若无法匹配,则提示用户先登录本地账号后在个人中心完成绑定。
支持的提供方
- GitHub:
github,适用于开发者工具与内部平台 - 钉钉:
dingtalk,适用于钉钉企业用户 - 企业微信:
wechat_work,适用于企业微信组织
配置方式
在后台「系统设置 → OAuth 配置」页面(菜单路径:/system/oauth-config)进行配置。每个提供方需要填写:
Client ID:OAuth 应用的客户端 IDClient Secret:OAuth 应用的客户端密钥是否启用:关闭后对应提供方不出现在登录页
配置完成后,登录页会自动显示已启用提供方的快捷登录图标。
登录流程
text
用户点击第三方登录图标
↓
前端请求 GET /api/auth/oauth/:provider
↓
后端生成 state 并返回提供方授权 URL
↓
前端跳转到提供方授权页
↓
用户在提供方页面完成授权,回调到前端 /oauth/callback/:provider?code=...
↓
前端回调页读取 `provider` + `code`,发送 POST /api/auth/oauth/:provider/callback
↓
后端用 code 换取 access_token,再获取用户信息
↓
查询 user_oauth_accounts / users.email:
├── 已绑定 → 直接登录,签发 JWT
├── 未绑定但邮箱匹配现有用户 → 自动绑定并登录
└── 无法匹配 → 返回 `needBind=true`,提示用户先登录后绑定
↓
JWT token 存入 localStorage,跳转至仪表盘关键接口
GET /api/auth/oauth/{provider}:获取提供方授权 URLPOST /api/auth/oauth/{provider}/callback:OAuth 回调处理,完成 token 换取与登录/绑定判定GET /api/auth/oauth/accounts:获取当前用户已绑定的第三方账号列表POST /api/auth/oauth/bind:为当前登录用户绑定 OAuth 账号DELETE /api/auth/oauth/unbind/{provider}:解除指定提供方账号绑定
前端回调页
/oauth/callback/:provider 页面(packages/web/src/pages/oauth/OAuthCallbackPage.tsx)负责:
- 从路由参数中提取
provider,并从 URL query params 中提取code - 调用
POST /api/auth/oauth/{provider}/callback完成 token 换取 - 将返回的
accessToken/refreshToken存入localStorage - 跳转至
/(仪表盘)
个人中心:关联账号
用户登录后可在「个人中心 → 关联账号」Tab 中查看已绑定的第三方账号,并可手动解除绑定。
- 解绑后,对应 OAuth 账号将不能再用于登录(除非重新绑定)
- 如系统只有 OAuth 登录,解绑前建议先设置本地密码
如何申请 OAuth 应用
GitHub
- 打开 GitHub → Settings → Developer settings → OAuth Apps
- 点击「New OAuth App」
Authorization callback URL填写:https://your-domain.com/oauth/callback/github(或本地调试时用http://localhost:5373/oauth/callback/github)- 创建后获取 Client ID 和 Client Secret
钉钉
- 打开钉钉开发者后台(open.dingtalk.com)
- 创建移动应用或网页应用
- 在「权限配置」中开启「个人信息」相关权限
- 回调地址填写前端回调页,例如
https://your-domain.com/oauth/callback/dingtalk - 获取 AppKey(Client ID)和 AppSecret(Client Secret)
企业微信
- 打开企业微信后台 → 应用管理 → 创建应用
- 在「网页授权及 JS-SDK」中配置授权域名与回调地址,例如
https://your-domain.com/oauth/callback/wechat_work - 获取 CorpID(企业 ID)和 AgentSecret(应用 Secret)
数据库表
oauth_configs:各提供方的 Client ID / Secret 及启用状态user_oauth_accounts:用户与第三方账号的绑定关系(openId、nickname、avatar)