基于Supabase实现第三方登录 - 云原生数据仓库AnalyticDB

云原生数据仓库AnalyticDB PostgreSQL版深度集成开源Supabase身份认证系统，并在此基础上进行了增强，支持支付宝、微信、Google等多种第三方身份提供商。通过云原生数据仓库AnalyticDB PostgreSQL版托管的Supabase Auth服务，您可快速为应用启用安全、可扩展的第三方登录功能，实现用户“一键登录”。本文以Google为例，介绍使用Supabase为您的应用配置第三方授权登录的操作步骤。

前提条件

创建Supabase项目。已开通的云原生数据仓库AnalyticDB PostgreSQL版Supabase项目，创建时间需晚于以下日期：
- 中国地域：2025年09月04日。
- 新加坡：2025年08月29日。
说明
实际支持的地域请以控制台显示为准。您可以登录Supabase Dashboard，查看左侧导航栏中是否存在Authentication>Sign In/Providers菜单选项，若存在，则代表支持项目所在地域。
已为云原生数据仓库AnalyticDB PostgreSQL版Supabase项目开通公网访问。

操作步骤

步骤一：获取Google登录的配置信息

登录谷歌云平台，注册项目。
在谷歌身份平台控制台配置应用。
单击左侧导航栏的Clients，创建OAuth ClientID。
在OAuth 2.0 Client IDs中单击创建的Client ID，获取并保存ClientID与Client secret。

步骤二：配置Supabase项目

登录Supabase Dashboard。
在Dashboard侧边栏单击Authentication>Sign In/Providers。
设置Google登录信息。
开启Google，根据步骤一获取的信息设置以下参数，复制回调地址并单击Save。

步骤三：配置Google授权回调地址

登录谷歌身份平台控制台。
设置授权回调地址。将步骤二中获取的回调地址设置为授权回调地址。
Supabase第三方Auth的回调地址格式为http://<SUPABASE_PUBLIC_URL>/auth/v1/callback。

步骤四：设置应用首页地址

在Supabase Dashboard侧边栏，单击Authentication>URL Configuration。
修改Site URL为您的应用首页，作为第三方登录后跳转的地址。

登录方式

配置完成后，您的应用即可使用Supabase实现Google第三方登录。

通过URL调用接口。
在Supabase Dashboard页面左上角单击Connect，在弹出窗口中单击App Frameworks，即可获取SUPABASE_PUBLIC_URL。
```
http://<SUPABASE_PUBLIC_URL>/auth/v1/authorize?provider=google
```
通过supabase-js的方式调用。
supabase-js的安装与使用，请参见supabase-js。
```
const { data, error } = await supabase.auth.signInWithOAuth({
  provider: 'google'
})
```

云原生数据仓库AnalyticDB：基于Supabase实现第三方登录