vercel + supabase部署umami记录
该记录仅供参考
偶然在观摩(F12)大佬们的博客时看到页脚的网站分析工具Umami,遂想参照教程实现一个,不过参考了很多大佬的教程,很多发布时间较早,使用对应官网时发现样貌已经更新换代,找不到对应的部分,虽然也部署成功了,但不知道对不对,所以仅供参考
注册Github、Vercel以及Supabase
使用Github账号一键授权Vercel以及Supabase
将Umami项目fork到自己的Github仓库
点击标题链接访问Umami的Github仓库,或者去Umami的官方指南里面的Hosting处找到Running on Vercel,点Deploy也可以,但前提是要先创建好数据库,需要配置环境变量
在Vercel上创建Supabase数据库
依次点击Storage、Create Database,选择Supabase,勾选Free Plan然后Continue,接着Continue,自定义一个数据库名称(默认的也可以),最后Create完成创建,点击Done后会自动跳转到数据库界面
登录Supabase查看数据库是否创建成功
准备环境变量
获取连接数据库链接
进入刚刚创建的数据库,点击上方Connect,在Method处选择Session pooler,复制链接备用
postgresql://postgres.qjxbwgjxmepngyhiyjxf:[YOUR-PASSWORD]@aws-1-ap-southeast-1.pooler.supabase.com:5432/postgres
获取数据库密码
回到Vercel,在Storage页面点击自己创建的数据库,在Quickstart的.env.local部分,点击Show secret后复制POSTGRES_PASSWORD=后面的内容(不带引号)粘贴到刚刚获取的链接的[YOUR-PASSWORD],复制后的链接应该是:
postgresql://postgres.qjxbwgjxmepngyhiyjxf:XXXXXXXXXXXXXXX@aws-1-ap-southeast-1.pooler.supabase.com:5432/postgres
其实看到有教程说可以使用POSTGRES_PRISMA_URL=后面的链接,我使用这个链接作为环境变量,部署到最后会报错,很神秘
部署Umami
在Vercel上部署
依次点击Overview、Add New、Project,在Import Git Repository处找到刚刚fork的Umami仓库,点击Import进入部署界面,将下方Environment Variables展开,分别在key和Value处分别填入DATABASE_URL以及刚刚准备的链接postgresql://postgres.qjxbwgjxmepngyhiyjxf:XXXXXXXXXXXXXXX@aws-1-ap-southeast-1.pooler.supabase.com:5432/postgres
点击Deploy开始部署,差不多1分钟左右就部署完成了,之后通过Vercel自动生成的链接也能成功访问到Umami(可以绑定自己的域名实现加速访问),这里我不展示了,网上教程也很多,写得也很详细
