使用Vercel + Supabase部署Umami网站统计
mtxh
撰写于 2024年 08月 15 日

Umami 是一个开源、注重隐私的谷歌分析的替代品,基于node.js,可以轻松部署在vercel上

官方网站:https://umami.is/

官方文档:https://umami.is/docs

开源地址:https://github.com/umami-software/umami

准备

1.一个github账号
2.一个vercel账号
3.域名

supabase数据库申请

打开supabase并使用github登录,选择 Free 方案,按要求填写相关内容。Name 填写任意项目名,Database Password 可以使用下方工具 Generate a password 生成,初始化完成后点击Project Settings中的Database,将Connection info中的内容记录下来。

部署

登录Vercel并点击这个按钮

随便输一个项目名,点击Create,在下方的Configure Project中新建一个名称为DATABASE_URL的环境变量,值的格式为

postgresql://username:mypassword@host:5432/mydb

把其中的username替换为刚刚记录下来的Database name,mypassword替换为给项目设置的密码,host替换为Host,mydb替换为postgres。
在新建一个名称为HASH_SALT的的环境变量,值随便输,最好长一点。
然后点击Deploy部署,等待几十秒,出现满屏的烟花就是部署成功了。

自定义域名

因为vercel提供的免费二级域在国内被墙,所以需要绑定自己的域名。
进入Settings-Domains,添加自定义域名,按提示给输入的域名添加dns记录。

使用

打开配置的域名,默认用户名和密码分别是 admin 和 umami ,进入后台可以修改密码、设置语言,然后就可以添加网站了。
在设置-网站-你的网站-编辑-跟踪代码处就可以获得统计代码,记得代码要放在间

效果

共享连接

使用Vercel + Supabase部署Umami网站统计

Umami 是一个开源、注重隐私的谷歌分析的替代品,基于node.js,可以轻松部署在vercel上

官方网站:https://umami.is/

官方文档:https://umami.is/docs

开源地址:https://github.com/umami-software/umami

准备

1.一个github账号
2.一个vercel账号
3.域名

supabase数据库申请

打开supabase并使用github登录,选择 Free 方案,按要求填写相关内容。Name 填写任意项目名,Database Password 可以使用下方工具 Generate a password 生成,初始化完成后点击Project Settings中的Database,将Connection info中的内容记录下来。

部署

登录Vercel并点击这个按钮

随便输一个项目名,点击Create,在下方的Configure Project中新建一个名称为DATABASE_URL的环境变量,值的格式为

postgresql://username:mypassword@host:5432/mydb

把其中的username替换为刚刚记录下来的Database name,mypassword替换为给项目设置的密码,host替换为Host,mydb替换为postgres。
在新建一个名称为HASH_SALT的的环境变量,值随便输,最好长一点。
然后点击Deploy部署,等待几十秒,出现满屏的烟花就是部署成功了。

自定义域名

因为vercel提供的免费二级域在国内被墙,所以需要绑定自己的域名。
进入Settings-Domains,添加自定义域名,按提示给输入的域名添加dns记录。

使用

打开配置的域名,默认用户名和密码分别是 admin 和 umami ,进入后台可以修改密码、设置语言,然后就可以添加网站了。
在设置-网站-你的网站-编辑-跟踪代码处就可以获得统计代码,记得代码要放在间

效果

共享连接


版权属于:mtxh 所有,采用《知识共享署名许可协议》进行许可,转载请注明文章来源。

本文链接: https://mtxhblog.top/index.php/archives/5/

赞 (0)

评论区(暂无评论)

这里空空如也,快来评论吧~

我要评论