基于Supabase实现第三方登录
云原生数据仓库AnalyticDB PostgreSQL版深度集成开源Supabase身份认证系统,并在此基础上进行了增强,支持支付宝、微信、GitHub等多种第三方身份提供商。通过云原生数据仓库AnalyticDB PostgreSQL版托管的Supabase Auth服务,您可快速为应用启用安全、可扩展的第三方登录功能,实现用户“一键登录”。本文以支付宝为例,介绍使用Supabase为您的应用配置第三方授权登录的操作步骤。
前提条件
创建Supabase项目。已开通的云原生数据仓库AnalyticDB PostgreSQL版Supabase项目,创建时间需晚于以下日期:
中国地域:2025年09月04日。
新加坡:2025年08月29日。
说明实际支持的地域请以控制台显示为准。您可以登录Supabase Dashboard,查看左侧导航栏中是否存在Authentication>Sign In/Providers菜单选项,若存在,则代表支持项目所在地域。
已为云原生数据仓库AnalyticDB PostgreSQL版Supabase项目开通公网访问。
操作步骤
步骤一:获取支付宝登录的配置信息
步骤二:配置Supabase项目
在Dashboard侧边栏单击Authentication>Sign In/Providers。

设置支付宝登录信息。
开启Alipay,根据步骤一获取的信息设置以下参数,复制回调地址并单击Save。

步骤三:配置支付宝授权回调地址
在支付宝开放平台进入应用详情页,单击开发设置。
设置授权回调地址。将步骤二中获取的回调地址设置为授权回调地址。
Supabase第三方Auth的回调地址格式为
http://<SUPABASE_PUBLIC_URL>/auth/v1/callback。
步骤四:设置应用首页地址
在Supabase Dashboard侧边栏,单击Authentication>URL Configuration。
修改Site URL为您的应用首页,作为第三方登录后跳转的地址。

登录方式
配置完成后,您的应用即可使用Supabase实现支付宝第三方登录。
通过URL调用接口。
在Supabase Dashboard页面左上角单击Connect,在弹出窗口中单击App Frameworks,即可获取
SUPABASE_PUBLIC_URL。http://<SUPABASE_PUBLIC_URL>/auth/v1/authorize?provider=alipay通过supabase-js的方式调用。
supabase-js的安装与使用,请参见supabase-js。
const { data, error } = await supabase.auth.signInWithOAuth({ provider: 'alipay' })
相关文档
更多第三方身份提供商的登录步骤,请参见Supabase官方文档。

