使用 Supabase 免费部署 PostgreSQL 数据库

773 字
4 分钟
使用 Supabase 免费部署 PostgreSQL 数据库
2026-03-15
2026-03-17
浏览量 加载中...
Warning
Note

本教程为 使用 Vercel 免费部署自托管 Umami 的一部分,默认你已经注册过 Vercel 账号

1. 部署 PostgreSQL 数据库#

  1. 登录 Vercel 仪表盘,在左边导航栏点击 Storage

Vercel 导航栏
Vercel 导航栏

  1. 点击 Create Database,选择 Supabase,点击 Continue

选择 Supabase 数据库
选择 Supabase 数据库

这里可能会要求同意用户协议,阅读后同意即可下一步

  1. 选择一个地区,下方保持默认的免费方案就好,点击 Continue
Tip

地区推荐选择 Tokyo, Japan (Northeast) Hnd1,地理位置上距离中国大陆最近。 请记住这个地区,后续部署 Umami 的时候可以选择相同/相近的地区以提高数据库响应速度。

选择地区
选择地区

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

Ciallo~(∠・ω< )⌒★
Ciallo~(∠・ω< )⌒★

  1. 点击 Done 以完成数据库部署
Important

注意!从这里开始与 Neon 平台的教程存在差异

  1. 回到 Vercel 仪表板的 Storage 页面,点开刚刚创建的数据库

点开刚刚创建的数据库
点开刚刚创建的数据库

  1. 在数据库页面点击 Open in Supabase

Open in Supabase
Open in Supabase

  1. 在左侧导航栏选择 Database

导航栏
导航栏

  1. 在左侧菜单栏的 CONFIGURATION 下选择 Settings,注意不是“Project Settings”

菜单栏
菜单栏

  1. 下滑在 SSL configuration中找到 SSL Certificate,点击右边的 Download certificate,下载 SSL 证书,保存好,在接下来的部署中会用到

保存 SSL 证书
保存 SSL 证书

(可选)可以顺手开启上面的 Enforce SSL on incoming connections,提高安全性

2. 在 Vercel 上部署 Umami#

  1. https://github.com/umami-software/umami 项目 Fork 到你的 GitHub 帐户

  2. 在你 Fork 的仓库中,找到 prisma/schema.prisma 这个文件,添加 directUrl = env("DIRECT_DATABASE_URL") 并提交

schema.prisma
6 collapsed lines
generator client {
provider = "prisma-client"
output = "../src/generated/prisma"
engineType = "client"
}
datasource db {
provider = "postgresql"
url = env("DATABASE_URL")
directUrl = env("DIRECT_DATABASE_URL")
relationMode = "prisma"
}
...
Important

请确保 prisma/schema.prisma 路径正确!至本文截稿时官网文档给出的仍然是错误的路径

  1. 在 Vercel 仪表板页面上点击导入项目,然后指定你在 GitHub 上 Fork 的项目 URL,连按确定继续,等待自动部署完成

  2. 回到 Vercel 仪表盘,前往 Storage → <你的数据库名>,找到 POSTGRES_PRISMA_URLPOSTGRES_URL_NON_POOLING 并分别复制等号右边的值(记得在右边点开Show secret显示明文)

  3. 打开你的 Umami 项目,在 SettingsEnvironment VariablesAdd Environment Variable 填入两个环境变量:

    • Key 填写 DATABASE_URLValue 粘贴 POSTGRES_PRISMA_URL 等号右边的值
    • Key 填写 DIRECT_DATABASE_URLValue 粘贴 POSTGRES_URL_NON_POOLING 等号右边的值

    Save 保存

添加环境变量
添加环境变量

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

    右下角的蓝色弹窗,点击 Redeplay
    右下角的蓝色弹窗,点击 Redeplay
    在新窗口中点击 Redeplay 确认部署
    在新窗口中点击 Redeplay 确认部署

Tip
  • POSTGRES_PRISMA_URL 的形式为:postgres://[db-user].[project-ref]:[db-password]@aws-0-[aws-region].pooler.supabase.com:6543/[db-name]?pgbouncer=true&connection_limit=1
  • DIRECT_DATABASE_URL 的形式为:postgres://postgres.[my-supabase-project-id]:[db-password]@aws-0-[aws-region].pooler.supabase.com:5432/postgres
  1. 完成!接下来的步骤和 Neon 平台一样了!请 接着这篇教程继续吧

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或赞助支持!

赞助
使用 Supabase 免费部署 PostgreSQL 数据库
https://www.hk256.top/posts/tutorials/umami/supabase/
作者
白隐Hakuin
发布于
2026-03-15
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
白隐Hakuin
“播种与期待之歌,亦是收获与欢愉之歌。”
公告
Ciallo~(∠・ω< )⌒★
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章
16
分类
5
标签
25
总字数
32,238
运行时长
0
最后活动
0 天前

目录