Sun Blog

Back

vercel 部署网站统计工具 UmamiBlur image

Umami 是一款开源网站统计工具,可以通过插入一行前端代码来实现网站访问量统计。

image.png

本文介绍如何使用 vercel 部署 Umami。

Fork Umami 官方仓库#

Umami 的官方仓库地址:umami-software/umami: Umami is a simple, fast, privacy-focused alternative to Google Analytics. (github.com)

点击 Fork,将该仓库 Fork 到自己的 github 账号中。

image.png

创建数据库#

Umami 需要数据库,支持 postgresql、mysql 等数据库,这里我们使用 vercel 提供的 postgresql 数据库服务。

登录vercel,切换到 Storage 界面。点击 Create Database

image.png

选择 Postgres

image.png

出现以下界面则说明创建成功,复制 postgres url

image.png

部署项目#

切换到 Overview 页面,点击 Add New...,选择 Project

image.png

Import Git Repository 中选择我们刚刚 fork 的仓库,点击 Import

image.png

Environment Variables 中添加环境变量

Key:DATABASE_URL
Value (Will Be Encrypted): 刚才复制的 postgres url
plaintext

image.png

点击 Deploy,等待部署完成即可,大约需要两分钟。部署完成后会显示 Congratulation 页面,点击右上角 Go to Dashboard 可以看到 vercel 提供的访问域名。

访问该域名,打开 Umami,初次登录输入默认用户名 admin 与默认密码 umami,即可使用网站统计服务。

image.png

vercel 部署网站统计工具 Umami
https://blog.csun.site/blog/2024-05-11-vercel-deploy-website-statistics-tool-umami
Author Sun Xin
Published at May 11, 2024
Comment seems to stuck. Try to refresh?✨