概述
实现基于 Supabase 的用户认证系统,前端使用 @supabase/supabase-js 登录获取 JWT,后端 FastAPI 进行 JWT 校验。
架构
┌─────────────┐ ┌─────────────┐
│ Next.js │ │ FastAPI │
│ Frontend │ │ Backend │
└──────┬──────┘ └──────┬──────┘
│ 1. Supabase 登录 │
│ getAccessToken() │
│ 2. Authorization: Bearer <jwt> │
│ ─────────────────────────────→│ 3. JWT 校验 (Supabase JWT)
│ │ 4. 业务逻辑
│←─────────────────────────────────│
任务清单
Backend
Frontend
环境变量
# .env.local (Frontend)
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
# .env (Backend)
SUPABASE_JWT_SECRET= # 或 SUPABASE_URL + SUPABASE_ANON_KEY
参考资料
概述
实现基于 Supabase 的用户认证系统,前端使用
@supabase/supabase-js登录获取 JWT,后端 FastAPI 进行 JWT 校验。架构
任务清单
Backend
@supabase/supabase-js依赖/auth/me端点(获取当前用户信息)Frontend
@supabase/supabase-js环境变量
参考资料