一键搞定本土认证难题,AnalyticDB版Supabase助力AI应用实现支付宝&微信登录

本文涉及的产品
阿里云百炼推荐规格 ADB PostgreSQL,4核16GB 100GB 1个月
云原生数据仓库AnalyticDB MySQL版,基础版 8ACU 100GB 1个月
简介: 阿里云AnalyticDB PostgreSQL版推出全新第三方身份认证能力,原生支持微信、支付宝、GitHub、Google、Apple等主流平台登录,助力开发者快速构建本土化用户系统。相比传统开发方式,无需从零开发认证模块,5分钟即可完成集成,大幅降低开发成本。适用于AI应用、创业项目及企业级智能应用,提升用户增长效率,实现安全、便捷的身份管理。

01、引言

在移动应用生态中,用户倾向于通过已习惯的社交账号完成身份认证,这一行为惯性直接决定了应用的获客能力。更关键的是,这些社交账号背后蕴藏着用户画像的黄金矿:昵称、头像、性别、地区信息,共同构建起从「身份识别」到「行为预测」的完整数据图谱。


作为开源BaaS领域的标杆,Supabase通过原生集成GitHub、Google、Apple等,为开发者打造了「注册/登录高速公路」:开发者无需从零设计开发,仅需几分钟配置即可实现稳定可用的第三方登录能力。然而,对于依赖Supabase等基础设施的开发者而言,支付宝/微信登录这一广泛的本土需求却成为「甜蜜的烦恼」。Supabase并未原生提供微信支付宝的三方登录能力,开发者还需自行编写认证登录模块接入支付宝微信的开放平台,导致认证模块开发工作量陡增。


现在,阿里云瑶池旗下的云原生数据仓库AnalyticDB在其托管的Supabase中全面升级第三方身份认证(Third-party Auth)能力,原生支持微信、支付宝、GitHub、Google、Apple等主流身份提供商,并深度优化与AI应用场景的集成体验。开发者可借助支付宝、微信一键登录,在5分钟内为AI应用构建流畅、本土化的用户系统。

image.gif

这一能力的推出,将极大降低创业公司和企业级智能应用在用户增长、身份管理与数据安全方面的开发门槛,助力“AI+应用”快速落地。

👇复制链接至浏览器立即体验阿里云AnalyticDB PostgreSQL版Supabase

🔗https://gpdbnext.console.aliyun.com/gpdb/cn-hangzhou/supabase

02、技术底座解密:OAuth原理与Supabase的认证效率革命

OAuth(Open Authorization)是一种开放标准的授权协议,允许用户在不暴露密码的前提下,授权第三方应用访问其在某一平台上的资源(如个人信息、照片、文件等)。一般来说提供三方认证服务的提供者都会依据OAuth授权协议设计接口,Supabase也是根据OAuth协议实现了Google、Apple、Github等第三方登录能力。

OAuth三方登录的核心原理

OAuth的核心思想即是,允许用户(资源拥有者)通过认证服务(如微信、支付宝)的身份验证,授权应用客户端访问用户资源,而无需共享密码,举例来说,我(用户)允许 A 应用(如知乎)以我的身份,去访问 B 平台(如微信)的某些信息,但 A 不知道我的微信密码。

image.gif

OAuth有多种模式包括授权码模式、客户端凭证模式等,在当前移动应用实现中基本都采用授权码模式,其核心流程如下:

  • 用户发起请求

应用将用户重定向到认证服务器(如微信)的授权URL,携带client_id(客户端 ID)、redirect_uri(回调地址)、scope(权限范围)等参数。

  • 用户授权

用户在认证服务器页面登录并确认授权,认证服务器生成一个授权码(Authorization Code),并通过redirect_uri返回给应用。

  • 换取 Token

应用将授权码发送到认证服务器的 Token 接口,携带client_idclient_secret(客户端密钥),换取 Access Token(访问令牌)。

  • 获取用户信息

应用使用 Access Token 向认证服务器的资源接口(如/userinfo)发起请求,获取用户基本信息(如昵称、头像、唯一 ID)。

Supabase OAuth登录的极致开发体验

image.gif

03、本土化深度优化:微信/支付宝一键登录,赋能用户高效增长

在中国互联网生态中,微信与支付宝早已超越支付工具属性,成为覆盖10亿级用户的数字身份基础设施,而原生Supabase Auth模块目前并不支持微信/支付宝的三方登录,AnalyticDB补充了这一能力,助力开发者/创业者零代码配置微信/支付宝登录,搭建AI应用快速获客。

场景驱动:10分钟从零构建AI穿搭推荐应用的微信/支付宝登录能力

image.gif

当一家初创公司正在开发一款「智能穿搭助手」应用,期望结合AI生成式技术的穿搭推荐应用,帮助用户推荐每日穿搭。该应用的登录界面需要接入微信与支付宝,这样可以减少用户注册登录的额外“摩擦”。同时微信支付宝可以获取用户的地理位置和性别,作为AI应用的信息输入,生成定制化穿搭方案。

传统开发中,开发团队需要花费几周时间搭建登录系统、对接支付宝开放平台、对接数据库、设计权限模型——而这些工作与应用核心的“AI能力”本身毫无关系。

现在借助阿里云AnalyticDB PostgreSQL版托管的Supabase Auth,在支付宝开放平台构建应用后,只需三步即能接入支付宝三方登录能力:

  • 在Supabase Dashboard开启“支付宝登录”,输入支付宝开放平台中注册的应用信息;


image.gif

  • 在应用前端的登录页面点击「支付宝快捷登录」后,后端收到请求后只需调用一行代码转发;

image.gif

const { data, error } = await supabase.auth.signInWithOAuth({
  provider: 'alipay'
})

image.gif

  • 这样用户即可支付宝扫码登录,Supabase收到获取用户信息后会自动创建用户记录,并关联其支付宝中可供提供的个人信息。


image.gif

关于更详细的操作步骤,可参考AnalyticDB PostgreSQL《基于Supabase实现第三方登录》官方文档。

🔗https://help.aliyun.com/zh/analyticdb/analyticdb-for-postgresql/user-guide/using-supabase-to-implement-third-party-login

开发者易用:简单集成,稳定可控

阿里云Supabase提供全托管Auth服务,开发者无需维护OAuth流程、Token签发或用户表,兼容官方Supabase-JS,开发便捷,稳定性保证。

ts// 前端:使用supabase-js实现微信登录
const { data, error } = await supabase.auth.signInWithOAuth({
  provider: 'wechat',
  options: { redirectTo: 'https://your-ai-app.com/callback' }
})

image.gif

您还可以直接通过URL的方式调用三方登录:

http://<SUPABASE_PUBLIC_URL>/auth/v1/authorize?provider=alipay

image.gif

04、Vibe Coding友好:Bolt × Supabase Auth的登录模块快速生成

如何释放Qwen3-Coder的潜能一文中,我们介绍了Bolt+AnalyticDB Supabase+Qwen3-Coder的生产力工具组合,在阿里云AnalyticDB PostgreSQL发布第三方登录能力后,我们就可以在Bolt上0代码地实现自己应用的登录模块。

前置步骤:创建Bolt与Supabase

1. 下载代码

git clone https://github.com/wangxuqi/bolt.diy.git
cd bolt.diy
cp .env.example .env

image.gif

2. 设置环境变量,在.env中添加。您需要先获取阿里云accesskey&secret。以及通义API-KEY。你也可以使用自己部署的大模型。这里使用Qwen3-Coder API。注:API调用可能产生费用。

🔗阿里云accesskey&secret:https://ram.console.aliyun.com/profile/access-keys

🔗通义API-KEY:https://bailian.console.aliyun.com/?tab=model#/api-key

-- 阿里云accesskey和secret
ALIBABA_CLOUD_ACCESS_KEY_ID=LTAI5txxxxxxxx
ALIBABA_CLOUD_ACCESS_KEY_SECRET=OQhoiSkAsxxxxxxxxxx
-- 通义APIkey
TONGYI_API_KEY=sk-xxxxxx

image.gif

3. 免费创建Supabase测试实例作为后端。

🔗链接:https://gpdbnext.console.aliyun.com/gpdb/cn-beijing/supabase

0代码构建支付宝/微信登录模块

启动Bolt。随后访问 http://localhost:5173 让Bolt帮我们写一个智能穿搭应用,并实现登录模块的前端部分。

npm install -g pnpm
pnpm install
pnpm run dev

image.gif

image.gif

点击连接我们创建好的Supabase后,Bolt就可以获取Supabase连接串和Anon key信息。

image.gif

获取Supabase信息后,让Bolt基于Supabase的OAuth登录能力,调用接口supabase.auth.signInWithOAuth实现支付宝和微信的登录能力。

11.png

05、开通阿里云托管Supabase

阿里云AnalyticDB PostgreSQL版托管的Supabase第三方认证能力现已全面开放,支持:微信/支付宝/GitHub/Google/Apple/Facebook等10+身份源,同时支持自定义SMTP服务器等标配Auth能力。

👉点击了解「基于Supabase实现第三方登录」更多内容。

🎉阿里云 AnalyticDB PostgreSQL版 1 核 2 GB 规格限时免费使用,零成本体验企业级云数据库,助力Vibe Coding极速开发。

👉立即体验AnalyticDB PostgreSQL版Supabase:https://gpdbnext.console.aliyun.com/gpdb/cn-hangzhou/supabase

💬加群交流:如果您对本文的方案感兴趣,欢迎钉钉搜索群号“101930027031”扫码加入钉群交流。

ADB群二维码.JPG

相关实践学习
阿里云云原生数据仓库AnalyticDB MySQL版 使用教程
云原生数据仓库AnalyticDB MySQL版是一种支持高并发低延时查询的新一代云原生数据仓库,高度兼容MySQL协议以及SQL:92、SQL:99、SQL:2003标准,可以对海量数据进行即时的多维分析透视和业务探索,快速构建企业云上数据仓库。 了解产品 https://www.aliyun.com/product/ApsaraDB/ads
相关文章
|
24天前
|
人工智能 运维 Kubernetes
Serverless 应用引擎 SAE:为传统应用托底,为 AI 创新加速
在容器技术持续演进与 AI 全面爆发的当下,企业既要稳健托管传统业务,又要高效落地 AI 创新,如何在复杂的基础设施与频繁的版本变化中保持敏捷、稳定与低成本,成了所有技术团队的共同挑战。阿里云 Serverless 应用引擎(SAE)正是为应对这一时代挑战而生的破局者,SAE 以“免运维、强稳定、极致降本”为核心,通过一站式的应用级托管能力,同时支撑传统应用与 AI 应用,让企业把更多精力投入到业务创新。
348 30
|
27天前
|
存储 人工智能 OLAP
AI Agent越用越笨?阿里云AnalyticDB「AI上下文工程」一招破解!
AI 上下文工程是管理大模型输入信息的系统化框架,解决提示工程中的幻觉、上下文溢出与信息冲突等问题。通过上下文的采集、存储、加工与调度,提升AI推理准确性与交互体验。AnalyticDB PostgreSQL 版提供增强 RAG、长记忆、Supabase 等能力,助力企业构建高效、稳定的 AI 应用。
|
26天前
|
设计模式 人工智能 自然语言处理
3个月圈粉百万,这个AI应用在海外火了
不知道大家还记不记得,我之前推荐过一个叫 Agnes 的 AI 应用,也是当时在 WAIC 了解到的。
270 1
|
1月前
|
存储 人工智能 前端开发
Qoder + ADB Supabase :5分钟GET超火AI手办生图APP
本文介绍如何利用Qoder、阿里云ADB Supabase和通义千问图像编辑模型,快速搭建AI手办生图Flutter应用。无需传统后端,实现从前端生成到数据存储、AI服务集成的全链路敏捷开发,展现Vibe Coding的高效实践。
Qoder + ADB Supabase :5分钟GET超火AI手办生图APP
|
25天前
|
人工智能 缓存 运维
【智造】AI应用实战:6个agent搞定复杂指令和工具膨胀
本文介绍联调造数场景下的AI应用演进:从单Agent模式到多Agent协同的架构升级。针对复杂指令执行不准、响应慢等问题,通过意图识别、工具引擎、推理执行等多Agent分工协作,结合工程化手段提升准确性与效率,并分享了关键设计思路与实践心得。
331 20
【智造】AI应用实战:6个agent搞定复杂指令和工具膨胀
|
1月前
|
人工智能 安全 Serverless
再看 AI 网关:助力 AI 应用创新的关键基础设施
AI 网关作为云产品推出已有半年的时间,这半年的时间里,AI 网关从内核到外在都进行了大量的进化,本文将从 AI 网关的诞生、AI 网关的产品能力、AI 网关的开放生态,以及新推出的 Serverless 版,对其进行一个全面的介绍,期望对正在进行 AI 应用落地的朋友,在 AI 基础设施选型方面提供一些参考。
453 36
|
1月前
|
人工智能 安全 数据可视化
Dify让你拖拽式搭建企业级AI应用
Dify是开源大模型应用开发平台,融合BaaS与LLMOps理念,通过可视化工作流、低代码编排和企业级监控,支持多模型接入与RAG知识库,助力企业快速构建安全可控的AI应用,实现从原型到生产的高效落地。
Dify让你拖拽式搭建企业级AI应用
|
25天前
|
存储 人工智能 OLAP
AI Agent越用越笨?阿里云AnalyticDB「AI上下文工程」一招破解!
AI上下文工程是优化大模型交互的系统化框架,通过管理指令、记忆、知识库等上下文要素,解决信息缺失、长度溢出与上下文失效等问题。依托AnalyticDB等技术,实现上下文的采集、存储、组装与调度,提升AI Agent的准确性与协同效率,助力企业构建高效、稳定的智能应用。
|
1月前
|
自然语言处理 数据挖掘 关系型数据库
ADB AI指标分析在广告营销场景的方案及应用
ADB Analytic Agent助力广告营销智能化,融合异动与归因分析,支持自然语言输入、多源数据对接及场景模板化,实现从数据获取到洞察报告的自动化生成,提升分析效率与精度,推动数据驱动决策。
|
1月前
|
消息中间件 人工智能 安全
云原生进化论:加速构建 AI 应用
本文将和大家分享过去一年在支持企业构建 AI 应用过程的一些实践和思考。
398 23

热门文章

最新文章

相关产品

  • 云原生数据仓库AnalyticDB MySQL版