DEV Community
·
获取 Google OAuth 客户端 ID
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
Google Client ID 是 OAuth 2.0 认证的唯一标识符。获取方法包括在 Google Cloud Console 创建项目，设置 OAuth 同意屏幕，选择“外部”选项，填写应用名称和邮箱。生成 Web 客户端 ID 时，选择“Web 应用”，添加授权的 JavaScript 源和重定向 URL。最后，将客户端 ID 添加到 React 应用的 .env 文件中。
🎯
关键要点
- Google Client ID 是 OAuth 2.0 认证的唯一标识符。
- 获取 Google Client ID 的步骤包括在 Google Cloud Console 创建项目。
- 设置 OAuth 同意屏幕，选择“外部”选项，填写应用名称和邮箱。
- 生成 Web 客户端 ID 时，选择“Web 应用”，并添加授权的 JavaScript 源和重定向 URL。
- 最后，将客户端 ID 添加到 React 应用的 .env 文件中。
❓
延伸问答
什么是 Google Client ID？
Google Client ID 是 OAuth 2.0 认证的唯一标识符，用于验证客户端和服务器。
如何在 Google Cloud Console 中获取 Google Client ID？
在 Google Cloud Console 中创建项目，设置 OAuth 同意屏幕，选择“外部”选项，然后生成 Web 客户端 ID。
设置 OAuth 同意屏幕时需要填写哪些信息？
需要填写应用名称和邮箱地址，其他选项可以暂时留空。
生成 Web 客户端 ID 时需要提供哪些 URL？
需要提供授权的 JavaScript 源 URL 和重定向 URL，例如 http://localhost:3000 和 http://localhost。
如何将客户端 ID 添加到 React 应用中？
将生成的客户端 ID 添加到 React 应用的 .env 文件中。
OAuth 同意屏幕的状态如何从测试切换到生产？
在 OAuth 同意屏幕设置完成后，需将应用标记为“在生产中”，以便所有 Google 账户用户都能访问。
➡️
