GitHub 与 Google 第三方登录 OAuth 配置指南

3. App Information 可随意填写 ➡ Audience 选择 External（外部） ➡ Contact Information 填写联系邮箱 ➡ Finish ➡ Create

4. Audience ➡ 注意是否是测试阶段，下方 Test users 可以新增测试 Google 登录的测试账号；如果状态为已发布不是测试阶段，则不需要新增 Test users

5. 左上角 Navigation menu (.) ➡ APIs & Services ➡ Credentials ➡ 上方新增 OAuth client ID

6. Web application ➡ Authorized JavaScript origins 项目主页 URL

Authorized redirect URIs为流程图中回调步骤中第三方 code 和 state 返回的路径，后续前端用于调后端接口获取系统服务端 token。

注意： Authorized redirect URIs 只能填本地 IP 或者顶级域名。

前端联调时可以填：http://127.0.0.1:xxxx(前端项目端口号)

可以传参，例如：http://127.0.0.1:xxxx?type=google

7. 保存 Client ID 和 Client secret

二、第三方授权 URL 拼接逻辑

GitHub

https://github.com/login/oauth/authorize?client_id=xxxx&state=xxxx&scope=user:email

• client_id 为 OAuth 中 Client ID；
• 状态参数 state 为系统服务器生成，用于防止 CSRF 攻击。

Google

https://accounts.google.com/o/oauth2/v2/auth?client_id=xxxx&redirect_uri=xxxx&response_type=code&scope=openid+profile+email&state=xxxx

• client_id 为 OAuth 中 Client ID；
• redirect_uri 为 Google OAuth 中填写的 Authorized redirect URIs（一定要相同，否则禁止授权）；
• 状态参数 state 为系统服务器生成，用于防止 CSRF 攻击。

三、根据第三方用户信息 Code 和 State 获取系统服务器用户 Token

1. 验证 Code 和 State；
2. 根据 Code 访问第三方平台获取第三方平台 Token；
3. 根据第三方平台 Token 获取第三方用户信息；
4. 根据第三方用户唯一标识查询当前用户是否存在；
5. 创建/更新用户信息；
6. 返回系统用户 Token。