Supabase简介 #

传统开发模式
├── 前端开发
├── 后端开发
│   ├── API设计
│   ├── 数据库设计
│   ├── 认证系统
│   ├── 文件存储
│   └── 服务器运维
└── 耗时耗力

BaaS模式
├── 前端开发
├── BaaS平台 (Supabase)
│   ├── 数据库 ✓
│   ├── 认证 ✓
│   ├── 存储 ✓
│   └── 实时 ✓
└── 快速上线

┌─────────────────────────────────────────────────────┐
│                  Supabase 定位                       │
├─────────────────────────────────────────────────────┤
│  ✓ Firebase替代品 - 开源、数据自主                   │
│  ✓ 后端即服务 - 快速开发、无需运维                   │
│  ✓ PostgreSQL托管 - 强大、可靠、标准                 │
│  ✓ 全栈开发平台 - 一站式后端解决方案                 │
└─────────────────────────────────────────────────────┘

2020年  Firebase被Google收购后闭源
    ↓
2020年  Supabase项目启动
    ↓
2020年  获得Y Combinator投资
    ↓
2021年  正式发布，快速获得关注
    ↓
2022年  获得巨额融资，快速发展
    ↓
2023年  功能完善，生态丰富
    ↓
至今    持续迭代，社区活跃

-- 基于PostgreSQL，完整SQL支持
CREATE TABLE users (
    id BIGSERIAL PRIMARY KEY,
    email VARCHAR(255) UNIQUE NOT NULL,
    name VARCHAR(100),
    created_at TIMESTAMP DEFAULT NOW()
);

-- 支持复杂查询
SELECT u.name, COUNT(o.id) as order_count
FROM users u
LEFT JOIN orders o ON u.id = o.user_id
GROUP BY u.id, u.name
HAVING COUNT(o.id) > 0
ORDER BY order_count DESC;

// 邮箱密码注册
const { data, error } = await supabase.auth.signUp({
  email: 'user@example.com',
  password: 'secure-password'
})

// OAuth登录
const { data, error } = await supabase.auth.signInWithOAuth({
  provider: 'github'
})

// 魔法链接
const { data, error } = await supabase.auth.signInWithOtp({
  email: 'user@example.com'
})

// 上传文件
const { data, error } = await supabase.storage
  .from('avatars')
  .upload('user-1/avatar.jpg', file)

// 获取公开URL
const { data } = supabase.storage
  .from('avatars')
  .getPublicUrl('user-1/avatar.jpg')

// 监听数据变更
const channel = supabase
  .channel('schema-db-changes')
  .on(
    'postgres_changes',
    {
      event: '*',
      schema: 'public',
      table: 'messages'
    },
    (payload) => console.log(payload)
  )
  .subscribe()

// 边缘函数
Deno.serve(async (req) => {
  const { name } = await req.json()
  return new Response(
    JSON.stringify({ message: `Hello ${name}!` }),
    { headers: { 'Content-Type': 'application/json' } }
  )
})

Supabase适合:
├── 快速原型开发
├── 中小型项目
├── 创业公司MVP
├── 需要实时功能的应用
└── 前端团队主导的项目

传统后端适合:
├── 复杂业务逻辑
├── 大型企业应用
├── 特殊技术要求
└── 需要完全控制

// 几行代码完成CRUD
const { data } = await supabase.from('todos').select('*')
await supabase.from('todos').insert({ title: 'New Task' })

// 聊天应用
supabase
  .channel('chat')
  .on('postgres_changes', { event: 'INSERT', table: 'messages' }, 
    (payload) => displayMessage(payload.new)
  )
  .subscribe()

SaaS产品特性:
├── 多租户支持 (RLS)
├── 用户认证
├── 文件存储
└── 数据隔离

// React Native集成
import { createClient } from '@supabase/supabase-js'

const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)

┌─────────────────────────────────────────────────────────────┐
│                        应用层                                │
│         Web / Mobile / Desktop / IoT                        │
└─────────────────────────────────────────────────────────────┘
                              │
                              ▼
┌─────────────────────────────────────────────────────────────┐
│                      Supabase 平台                          │
│  ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐          │
│  │   API   │ │  Auth   │ │ Storage │ │Realtime │          │
│  │  Gateway│ │ Service │ │ Service │ │ Service │          │
│  └─────────┘ └─────────┘ └─────────┘ └─────────┘          │
│                              │                              │
│  ┌─────────────────────────────────────────────────────┐   │
│  │              PostgreSQL 数据库                       │   │
│  │  ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐   │   │
│  │  │ Tables  │ │  Auth   │ │ Storage │ │Extensions│   │   │
│  │  │         │ │ Schema  │ │ Schema  │ │(pgvector)│   │   │
│  │  └─────────┘ └─────────┘ └─────────┘ └─────────┘   │   │
│  └─────────────────────────────────────────────────────┘   │
└─────────────────────────────────────────────────────────────┘

客户端请求
    │
    ▼
API Gateway (PostgREST)
    │
    ├── 认证检查 (JWT)
    │
    ├── RLS策略检查
    │
    ▼
PostgreSQL
    │
    ├── 执行SQL
    │
    ├── 触发器/函数
    │
    ▼
返回结果
    │
    ├── 实时推送 (如有订阅)
    │
    ▼
客户端响应

传统开发流程
├── 后端架构设计 (1-2周)
├── 数据库设计 (1周)
├── API开发 (2-4周)
├── 认证系统 (1-2周)
├── 部署运维 (持续)
└── 总计: 5-9周

Supabase开发流程
├── 项目创建 (5分钟)
├── 数据库设计 (1天)
├── 前端开发 (2-4周)
└── 总计: 2-4周

PostgreSQL优势
├── 40+年发展历史
├── ACID事务保证
├── 复杂查询支持
├── 丰富的数据类型
├── 强大的扩展生态
└── 活跃的社区支持