零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计
早些年用过友盟、51.la、百度统计、Google Analytics,各有各的优缺点,百度统计目前只允许备案网站使用,友盟和51.la体验效果不喜欢,Google Analytics 访问也不太好,权衡之下使用这款开源的网站统计服务——Umami。

根据官网介绍,Umami 是一款简单、易用、美观、轻量、快速、隐私、安全的开源免费网站统计工具,从部署到使用,都是简单、快速,体验也很满意。
官方文档介绍了多种部署方式,包括使用自己服务器,或者第三方平台,例如 Netlify、Heroku、Railway 等等,不过这些第三方平台一般都不提供数据库服务,所以我选择使用 Supabse 提供的免费数据库服务,以及 Vercel 的部署。
在使用前,先注册并登录好 GitHub、Vercel、Supabase 三个平台,并在 GitHub 平台 Fork Umami 的项目仓库。
Table of Contents
在 Supabase 建立数据库

在官网选择 Free 方案,进入 Create a new project 页面,按要求填写相关内容。Name 填写任意项目名,Database Password 可以使用下方工具 Generate a password 生成,并保存到记事本备用。

等待数据库建立,需要几分钟的时间。
建立之后,点击左下方的 Project Settings,选择 Database,找到 Connection string 中的 URL 一栏,复制内容,并将[YOUR-PASSWORD]替换为上一步生成的密码。

Supabase 平台的操作就结束了。
在 Vercel 部署 Umami
登录 Vercel 之后,点击右上角 Add New Project,并导入事先 Fork 的项目仓库。


在 Configure Project 中需要设置两个环境变量(Environment Variables)。

分别添加 DATABASE_URL 和 HASH_SALT。
前者是上一步在 Subabase 复制的 URL,记得替换自己的 Password;
在Name中填:DATABASE_URL,在Value(Will Be Encrypted)中填在 Subabase 复制的 URL
后者需要自己随意生成一长串字符串。最后点击 Deploy,等待两分钟。
在Name中填:HASH_SALT,,在Value(Will Be Encrypted)中填自己随意生成一长串字符串

如果有需要,可以先绑定好自己的域名,因为 Vercel 提供的域名在大陆无法访问。
使用 Umami
按照上述步骤,Umami 已经部署成功了,通过绑定的域名进入网站,默认用户名和密码分别是 admin 和 umami ,进入后台可以修改密码、设置语言,然后就可以添加网站了。

提示:如果需要删除网站,先将语言切换至 English,中文状态无法删除。

这个项目是经过自己实践过的,如果你有自己的网站或者是博客以及小站点的话,推荐你自己搭建一个属于自己的统计网站。
今天需要用的到几个网站是:Vercel、Supabase、Umami
这3个网站都是可以在谷歌浏览器上直接搜索出来的。我就将这个3个网站直接贴出来,直接复制到浏览器即可。
https://github.com/umami-software/umami
最重要的就是 Umami 这个github项目。

这个项目有 16.1k stars 以及 2.8k forks。
好,开始整。
1、首先在 Supabase 建立数据库

在 Supabase 官网上选择免费方案,点击开始之后,来到登录的页面,直接选择 github 登录。没有账号的可以先去创建github账号。

之后进入到创建项目的页面,按照相关的要求填写即可,名字随便填写,数据库密码自己随便填写,但是需要记得,等下需要用上,也可以用谷歌浏览器自动生成的密码。也可以点击下面的 Generate a password 将生成的密码复制下来。

密码填好之后,点击创建项目,等个十几秒项目就创建好了。创建好之后,点击项目管理,然后点击数据库,找到 Connection string 中的URL栏目,复制内容,将 [YOUR-PASSWORD] 换成你刚才生成的密码,记得将括号去掉,直接填写密码, 就生成了一个新的链接。

好了,在这个平台的操作就完成了。
2、在 Vercel 上部署 Umami
vercel 这个工具算是老朋友了,之前也是在这个工具上部署过其他的项目。首先也是登录这个网站,之后点击创建项目,之后来到一个新的页面


然后再看看你的也页面是否有这个项目。如果没有的话就去 github上 forks。

之后点击 import

配置环境变量

在这里需要配置分别添加 DATABASE_URL 和 HASH_SALT。前者是上一步在 Supabase 复制的 URL,记得替换自己的 Password;后者需要自己随意生成一长串字符串自己随便填写也是可以的。最后点击 Deploy。之后等待几分钟就可以了

创建好之后来到这个页面,这个时候差不多就创建成功了。之后就是绑定域名和将跟踪代码放到网站上去。点击添加域名。


这里一般都是填二级域名,二级域名的解析一般是 CNAME 解析,记录值填写 Vercel 给的就可以。之后等待几分钟就可以访问你的统计网站了。
3、使用 Umami
按照上面的步骤操作基本上就能创建好一个属于自己的统计网站,通过绑定的域名进入网站。默认的用户名和密码分别是 admin 和 Umami 进入后台之后先去改密码。改完密码之后就可以绑定自己的网站。

添加之后点击编辑,点击跟踪代码,复制这串代码。

之后来到网站或者应用的后台,你可以直接在网站的模板中加上这段代码。
这样就安装好了,之后就可以通过你自己搭建的统计网站,查看你自己的网站的数据了。
以上就是搭建一个统计网站的全部教程,如果你遇上问题,可以在评论区留下相关信息。希望能帮助到你。