前言

对于很多刚接触开发或想给网站加上“一键登录”功能的小伙伴来说，Google OAuth 2.0 似乎总是让人有点摸不着头脑——流程复杂、英文文档晦涩、步骤细节又容易出错？别担心！本篇文章专为“零基础小白”打造，用最通俗的语言、最详细的图文和操作步骤，手把手带你完成Google一键登录的完整配置。无论你是个人开发者，还是企业技术新人，看完这篇，你也能轻松搞定登录集成！

正文

登录 https://console.cloud.google.com/apis/credentials

点击左上角红框位置

在新打开的弹窗中点击New project

根据实际情况填写项目信息, 然后点击底部的Create

点击左侧的Credentials, 再点击顶部的Create credentials, 在弹框中选择OAuth client ID

点击Configure consent screen

点击Get started

根据项目的实际情况填写信息, 然后点击底部的Create

在左侧菜单栏点击Clients, 再点击右侧的Create client

填写项目相关信息

共有四个内容需要填写

• • Application type: 从下拉框中选择应用的类型. 请根据实际情况选择.
• • Name: 自定义名称
• • Authorized JavaScript origins: 这里填写调用一键登录的网站的域名. 本例中填写两个即可, 一个是调试地址, 一个是实际上线后的地址. 需要注意如果访问的端口不是80, 需要标注出来, 例如本例中调试地址的端口是3000.
• • Authorized redirect URIs: 这里填写重定向地址, 即一键登录处理完成后跳转去哪里. 一般是在上面的地址后面加上/api/auth/callback/google .

填写后点击底部的Create.

新的弹窗中可以看到Client ID和Client secret, 可以点击右侧的复制按钮进行复制, 或点击底部的Download JSON将这些信息保存下来. 从2025年6月起如果没有在当前界面保存secret以后就无法查看和保存了.

将获取到的信息填入自己的项目后就可以调用Google一键登录了.

以上就是所有内容了, 如果喜欢就请帮我点个👍和♡吧!