DP

DepthPilot AI

System-Level Learning

Guided Build

Supabase Auth 实战接入

这节课教的不是“做一个登录页”,而是把数据库、认证、会话刷新、回调交换和 RLS 串成一条真实可用的账号链路。

最后你要做成什么

用户能注册、登录、退出;页面能识别会话;数据库访问按用户隔离。

真正的通过标准

不仅页面能登录,还要证明 callback、middleware、server helper、RLS 一起工作。

为什么这一课值钱

因为很多人只会把登录表单做出来,却没有把身份和数据安全真正串起来。

步骤顺序

先创建 Supabase 项目并配置 `Site URL`、callback URL。

执行 migration,把 profile、subscription、learning 相关表和策略建好。

区分 browser client 和 server client,不要混用。

middleware 只负责刷新会话,不要把业务逻辑塞进 middleware。

callback route 负责把邮箱验证和 OAuth 回调真正换成 session。

实操技巧

先把 redirect URL 配准确,再测登录,否则你会在错误跳转上浪费很多时间。

登录成功后不要只看页面文案,要同时验证数据库里当前用户的数据是否隔离正确。

如果页面能登录但数据请求仍报错,优先看 RLS 和 server-side session,不要先怀疑前端。

高频坑点

用 anon key 去做服务端管理操作。

callback route 写通了,但 Site URL 或 Redirect URLs 没对齐。

middleware 里做太多事,导致链路不稳定。

只测了 sign in,没有测 sign out、refresh、邮箱验证和未登录访问。

这节课的交付物

1 套可注册、可登录、可退出的账号链路

1 份 auth 验收 checklist

1 张登录后页面联动截图

1 条 RLS 验证记录

Search Cluster

把 Auth 教程放进工作流搜索路径

用户很少直接搜索产品内部术语,他们更可能从 auth tutorial、workflow automation 这类意图进入。

Supabase Auth 教程:Next.js 15、RLS 与回调链路 | DepthPilot AI