本地安装 Supabase 【AI版】

在本地安装 Supabase 需要使用 Docker 来运行它的服务。以下是完整的安装步骤:


1. 安装必要的依赖

在安装 Supabase 之前,请确保你的本地环境满足以下要求:

  • Docker(用于运行 Supabase 相关服务)
  • Docker Compose(管理多个 Docker 容器)
  • Git(用于克隆 Supabase 配置)

如果你的系统尚未安装 Docker,可以参考官网进行安装:

安装完 Docker 后,可以运行以下命令检查是否安装成功:

docker --version
docker compose version

2. 安装 Supabase CLI

Supabase 提供了一个命令行工具 supabase-cli,用于管理本地 Supabase 实例。

Mac(通过 Homebrew 安装)

brew install supabase/tap/supabase

Linux

使用 curl 安装:

curl -fsSL https://supabase.com/install | sh

或者通过 npm 安装:

npm install -g supabase

Windows(使用 Scoop)

scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
scoop install supabase

安装完成后,运行以下命令检查是否安装成功:

supabase --version

3. 初始化 Supabase 项目

在你的项目目录中,运行:

supabase init

这会创建一个 .supabase 目录,其中包含 Supabase 需要的配置文件。


4. 启动本地 Supabase

运行以下命令启动 Supabase 本地服务:

supabase start

此命令会:

  • 拉取 Supabase 所需的 Docker 镜像
  • 运行 PostgreSQL、Auth、Storage 和其他服务

⚠️ 注意:首次运行 supabase start 可能会下载多个 Docker 镜像,可能需要一些时间。


5. 访问 Supabase

当 Supabase 启动后,你可以访问:

  • Supabase Studio(管理界面): http://localhost:54323
  • PostgreSQL 连接信息:
    • 主机:localhost
    • 端口:54322
    • 用户名:postgres
    • 密码:postgres
    • 数据库:postgres

你可以使用 psql 或任何数据库管理工具(如 DBeaver、TablePlus)连接到本地数据库。


6. 关闭 Supabase

如果你需要关闭 Supabase,可以运行:

supabase stop

这将停止所有 Supabase 相关的 Docker 容器。


7. 卸载 Supabase

如果你想彻底卸载本地 Supabase,可以运行:

supabase stop
docker system prune -a

然后手动删除 .supabase 目录。


这样,你就可以在本地成功安装和运行 Supabase 了!🚀

### Supabase 示例模及项目结构解析 Supabase 是一个开源的 Firebase 替代方案,提供了实时数据库、身份验证、存储等功能。以下是与 Supabase 相关的一些示例模板和项目结构解析。 #### 1. Next.js + Supabase + Stripe 示例项目 `next-supabase-stripe-starter` 是一个由 KolbySisk 提供的开源项目,旨在帮助开发者快速构建基于订阅的应用程序[^1]。以下是该项目的主要目录结构和功能模块: - **`pages/`**: 包含应用的所有页面组件,例如登录、注册、订阅管理等。 - **`components/`**: 存储可复用的 UI 组件。 - **`lib/`**: 包含项目的辅助函数和配置文件,例如 Supabase 客户端初始化代码。 - **`public/`**: 存放静态资源,如图片、字体等。 - **`styles/`**: 管理全局样式或主题配置。 - **`api/`**: 定义后端 API 路由,用于处理 Stripe 订阅逻辑。 以下是一个简单的 Supabase 客户端初始化代码示例: ```javascript import { createClient } from '@supabase/supabase-js'; const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL; const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY; export const supabase = createClient(supabaseUrl, supabaseKey); ``` #### 2. Supabase MCP Server 示例项目 `supabase-mcp-server` 是另一个与 Supabase 相关的项目,主要用于支持 Cursor 和 Windsurf 等工具直接与 Supabase 数据库交互[^2]。以下是该项目的核心目录结构: - **`src/`**: 包含项目的源代码,包括核心逻辑和服务实现。 - **`config/`**: 存储项目的配置文件,例如数据库连接信息。 - **`migrations/`**: 定义数据库迁移脚本,确保数据表结构的一致性。 - **`tests/`**: 包含单元测试和集成测试代码。 以下是创建 Supabase 数据库表的一个简单示例: ```sql CREATE TABLE users ( id SERIAL PRIMARY KEY, email VARCHAR(255) UNIQUE NOT NULL, password_hash VARCHAR(255) NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); ``` #### 3. 其他 Supabase 示例项目 除了上述两个项目外,还有许多其他 Supabase 示例模板可供参考,例如: - **Supabase Todo 应用**: 展示如何使用 Supabase 构建一个简单的待办事项应用。 - **Supabase 博客系统**: 提供博客文章的增删改查功能,并支持用户评论。 - **Supabase 文件上传服务**: 实现文件上传和下载功能,结合 Supabase Storage 使用。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值