Villain博客文章摘要
好的，我现在需要处理用户的查询。用户给了一段关于在Supabase中实现Google登录的文章内容，并要求生成一个简要总结，大约120字，关键词密度在2%左右。总结要简明扼要，突出核心内容。
首先，我得通读一下提供的文章内容，理解其中的主要部分。文章主要是指导如何在 Supabase 平台配置Google登录功能，包括前置知识、开启配置、OAuth权限请求、凭证创建、代码实现以及测试部分。
接下来，用户需要的是一个简要的总结，所以需要抓住文章的核心。关键词包括“Google登录”、“supabase”、“OAuth”、“凭证创建”和“测试”。这些关键词大约占总字数的2%左右。
然后，我需要将这些内容浓缩到120字左右。首先介绍文章的主要主题，然后简要描述步骤，最后提到测试部分。确保总结准确传达实现过程的关键点，而不过于详细。
最后，检查一下总结是否符合用户的要求，关键词密度是否合适，以及整体是否简洁明了。确保没有遗漏重要的步骤，同时保持语言流畅自然。
</think>
本文介绍了在 Supabase 平台实现 Google 登录功能的方法。文章主要围绕配置 Google 登录核心内容展开，包括开启并配置 Google 登录功能，访问 Supabase 平台后点击 Google 进入配置界面，设置OAuth权限并生成凭证，填写凭证信息完成登录功能。此外，文章还提到测试Google登录并使用SSR认证方式实现功能。
这次接着分享另一种登录方式：#谷歌登录。
特别是做出海的 SaaS 系统，Google 登录是最基本的功能。
前置知识
本篇依旧是基于 supabase 实现登录功能。
本篇，我会跳过 supabase 注册等重复步骤，直接写谷歌登录的核心部分。
开启并配置 Google 登录功能
访问 supabase 并注册：https://supabase.com/
在 supabase 中点击 Google 进入配置界面：
先把功能打开，然后点击保存，client ID 和 秘钥我们待会去 Google Cloud 获取：
这个回调地址留个印象啊，我后面提到回调地址，你就得回来 copy 这个地址。
新建一个项目，项目名称随便写，然后创建：
点击 Google cloud 左侧菜单，进入 OAuth 权限请求页面：
输入应用名称和邮箱，继续下一步：
受众群体选外部，然后输入邮箱，勾选用户数据政策即可创建 OAuth 配置：
点击左侧导航菜单，点击“凭证”：
创建凭证：
我的是 web 应用，就选择 web 应用：
往下滑动，会看到“重定向 URL”，还记得之前提到的“回调地址”吗，copy 过来：
点击“创建”按钮后，一般过几秒就能看到 客户端ID 和 秘钥，先不要点击“确定”，点击确定后你就看不到秘钥了。
复制 客户端ID 和 秘钥，填入 supabase，保存：
vibe coding 实现 Google 登录功能
接下来的操作在这里就只写核心过程。
直接将以下提示词发送给 claude code，或是其他 AI 编程工具：
我想为当前项目通过 supabase 实现 Google 登录。
这是 supabase 的文档：
http://https//supabase.com/docs/guides/auth/social-login/auth-google
请使用SSR认证方式，参考文档：
https://supabase.com/docs/guides/auth/server-side/creating-a-client
功能并不复杂，AI 一顿操作很快就能实现。
测试Google登录
我这边测试是ok的，放上登录前和登录后的截图。
到此，整个登录功能就实现了，大家快去试试吧。
我是 villain，希望我的内容对你有帮助。 大家加油 : )
