使用 Supabase 免费部署 PostgreSQL 数据库
728 字
4 分钟
使用 Supabase 免费部署 PostgreSQL 数据库
- 1使用 Vercel 免费部署自托管 Umami
- 2使用 Supabase 免费部署 PostgreSQL 数据库本文
Warning
- 本教程相较于 Neon 数据库部署,需要一定的动手能力
- 若使用 Supabase 数据库部署,则请参照本教程的后半部分在 Vercel 上部署 Umami,而不是使用 使用 Vercel 免费部署自托管 Umami 教程中的方案
- 本教程将使用 Vercel 账号注册 Supabase 账号并使你的项目所在组织与 Vercel 关联,你也可以自行注册 Supabase 账号并创建数据库
Note
本教程为 使用 Vercel 免费部署自托管 Umami 的一部分,默认你已经注册过 Vercel 账号
1. 部署 PostgreSQL 数据库
- 登录 Vercel 仪表盘,在左边导航栏点击 Storage

- 点击 Create Database,选择 Supabase,点击 Continue

这里可能会要求同意用户协议,阅读后同意即可下一步
- 选择一个地区,下方保持默认的免费方案就好,点击 Continue
Tip
地区推荐选择 Tokyo, Japan (Northeast) Hnd1,地理位置上距离中国大陆最近。
请记住这个地区,后续部署 Umami 的时候可以选择相同/相近的地区以提高数据库响应速度。

- 为你的数据库取一个好记的名字,比如
umami,点击 Continue

- 点击 Done 以完成数据库部署
2. 在 Vercel 上部署 Umami
Important
注意!从这里开始与使用 Neon 平台的教程存在差异!
-
将 https://github.com/umami-software/umami 项目 Fork 到你的 GitHub 帐户
-
在你 Fork 的仓库根目录中,找到
prisma.config.ts这个文件,将DATABASE_URL修改为DIRECT_DATABASE_URL(可自定义,与下文中的环境变量名称相同即可)并提交
import 'dotenv/config';import { defineConfig, env } from 'prisma/config';
export default defineConfig({ datasource: { url: env('DATABASE_URL'), url: env('DIRECT_DATABASE_URL'), },});Important
至本文截稿时官网文档给出的仍然是错误的教程
-
在 Vercel 仪表板页面上点击导入项目,然后指定你在 GitHub 上 Fork 的项目 URL,连按确定继续,等待自动部署完成
-
回到 Vercel 仪表盘,前往 Storage → <你的数据库名>,找到
POSTGRES_PRISMA_URL和POSTGRES_URL_NON_POOLING并分别复制等号右边的值(记得在右边点开Show secret显示明文) -
打开你的 Umami 项目,在 Settings → Environment Variables → Add Environment Variable 填入两个环境变量:
- Key 填写
DATABASE_URL,Value 粘贴POSTGRES_PRISMA_URL等号右边的值,随后将结尾修改为?pgbouncer=true&connection_limit=1(对应 Supabase Dashboard 中的Transaction pooler) - Key 填写
DIRECT_DATABASE_URL,Value 粘贴POSTGRES_URL_NON_POOLING等号右边的值,将结尾的?sslmode=require删去(也可自行配置 SSL 支持)(对应 Supabase Dashboard 中的Session pooler)
按 Save 保存
- Key 填写

-
保存后 Vercel 会弹窗提示你重新部署,在弹出的窗口中点击 Redeploy 确认即可

右下角的蓝色弹窗,点击 Redeploy 
在新窗口中点击 Redeploy 确认部署
Tip
DATABASE_URL的形式为:postgres://[db-user].[project-ref]:[db-password]@aws-0-[aws-region].pooler.supabase.com:6543/[db-name]?pgbouncer=true&connection_limit=1DIRECT_DATABASE_URL的形式为:postgres://postgres.[my-supabase-project-id]:[db-password]@aws-0-[aws-region].pooler.supabase.com:5432/postgres
- 完成!接下来的步骤和 Neon 平台一样了!请 接着这篇教程继续吧
支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!
使用 Supabase 免费部署 PostgreSQL 数据库
https://www.hk256.dev/posts/tutorials/umami/supabase/相关文章智能推荐
1
使用 Vercel 免费部署自托管 Umami
教程使用 Vercel 和免费数据库服务部署自托管 Umami,实现完全免费的无服务器 Web 分析
2
VRChat 实用工具推荐
教程整理了白熊自用的 VRChat 实用工具,持续更新中……
3
一加 Ace 6 Root 记录(附 ColorOS 16.0.3.506(CN01) init_boot 镜像下载)
教程记录了白熊为一加 Ace 6 获取 Root 权限的全过程~ 使用 KernelSU 作为 Root 方案
4
【Hi-Res | ED】属于酸橙色夏天的片尾!「直到荧幕上的夏天在记忆中铭刻」
视频为明日方舟 2026 年夏活《直到大地变成一颗酸橙》制作的大电影片尾
5
七彩虹笔记本 BIOS 更新教程
教程参考自白熊从七彩虹售后获取到的教程,修复了其中存在的一些错误
随机文章随机推荐