卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
首页 › 技术 › 网站统计工具Umami的傻瓜安装指南~

网站统计工具Umami的傻瓜安装指南~

坚果大叔
2024-08-15 17:26:27技术阅读 7,509

博客和个人网站之前的统计方式使用的百度统计,其体验不是很好!虽然自己的小破站也没有多少人访问!我也不经常上去看。最近看到 Umami 这个开源的统计工具,正好赶上更换服务器便自己试着搭建一下。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

Umami可以通过 docker 的方式快速搭建,上手比较简单。如果你用了宝塔面板,里面更是提供了内置插件可以直接安装,安装完成后只需要简单配置下就可以使用了。

如果你不想通过自建来安装,Umami 也提供相关套餐来进行使用,免费的可以监控 3 个网站,对于个人用户来说足够了。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

官方网站:https://umami.is/
官方文档:https://umami.is/docs/
开源地址:https://github.com/umami-software/umami

前提,你得先安装 docker-compose:

sudo apt install docker-compose

接着安装完成后进行下面操作:

# 进入服务器目录 www/wwwroot/下

# 新建umami文件夹,并进入umami文件夹
mkdir umami
cd umami

# 拉取 PostgreSQL 支持的 Umami Docker 映像
docker pull ghcr.io/umami-software/umami:postgresql-latest

# 新建doker-compose.yaml文件并进行编辑
vi docker-compose.yaml

复制粘贴以下内容,完成后按下ESC键,然后输入:wq保存。

# 里面ports 是后面进行反向代理的端口,可以自行设置。

---
version: '3'
services:
  umami:
    image: ghcr.io/umami-software/umami:postgresql-latest
    ports:
      - "3000:3000"
    environment:
      DATABASE_URL: postgresql://umami:umami@db:5432/umami
      DATABASE_TYPE: postgresql
      APP_SECRET: replace-me-with-a-random-string
    depends_on:
      db:
        condition: service_healthy
    restart: always
  db:
    image: postgres:15-alpine
    environment:
      POSTGRES_DB: umami
      POSTGRES_USER: umami
      POSTGRES_PASSWORD: umami
    volumes:
      - umami-db-data:/var/lib/postgresql/data
    restart: always
    healthcheck:
      test: ["CMD-SHELL", "pg_isready -U $${POSTGRES_USER} -d $${POSTGRES_DB}"]
      interval: 5s
      timeout: 5s
      retries: 5
volumes:
  umami-db-data:

保存退出后输入以下命令开始安装并运行:

docker-compose up -d

当显示以下内容的时候,证明安装完成了。注意:取决于你用的什么镜像,安装过程可能快也可能慢。

[+] Running 9/9
 ⠿ db Pulled                                                  10.6s
   ⠿ 7264a8db6415 Already exists                              0.0s
   ⠿ 6ff36a0c8b9b Pull complete                               0.4s
   ⠿ 41485c1d4f30 Pull complete                               0.5s
   ⠿ b1c0fd40744e Pull complete                               9.0s
   ⠿ c03dbaaa41b8 Pull complete                               9.1s
   ⠿ bef2a2546759 Pull complete                               9.1s
   ⠿ d80603666f21 Pull complete                               9.2s
   ⠿ b76686cd2926 Pull complete                               9.2s
[+] Running 4/4
 ⠿ Network umami_default         Created                      0.1s
 ⠿ Volume "umami_umami-db-data"  Created                      0.0s
 ⠿ Container umami-db-1          Healthy                      6.3s
 ⠿ Container umami-umami-1       Started                                            6.6s

完成后可以输入以下命令查看容器是否正常启用运行。

docker-compose ps -a

直接在软件商店搜索 Umami ,然后点击安装,因为网络环境不同安装的速度也不同,请耐心等待。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

等安装完成后可以进行一些配置,如端口、数据目录等。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

另外也可以查看应用的状态、访问信息和应用的运行日志。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

到上面两种安装方式就都完成了,接下来就可以使用 Umami了。但是在使用之前我们还需要新建一个站点用访问。可以创建一个新站点,设置好 https等。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

站点添加完成后需要设置反向代理,代理的地址是 127.0.0.1:3000,3000就是你刚刚设置的端口号。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

打开你站点的域名就可以看到 umami的登录界面了,默认的用户名是 admin,密码是 umami

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

登录进来后可以在右上角进行语言的修改,就可以中文访问了。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

然后点击上面菜单的设置,添加网站,输入网站名称和网址保存就可以了。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

添加完成后,点击编辑-跟踪代码获取页面埋点链接。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔
网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

将该链接添加到你网站的页面头部或者底部即可。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

添加完成后就可以在在网站右击审查元素查看是否有以下代码。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

如果有的话就代表正确添加了。你就可以在umami查看你网站的访问数据了。

网站统计工具Umami的傻瓜安装指南~-卖坚果的怪叔叔

赞赏 赞(3)
做胃镜!
上一篇
娃上幼儿园了。
下一篇
在小程序中查看

这是个😊,挣点服务器费用😜

评论已关闭

热门文章
ES6入门之对象的扩展
VuePress 发布流程
前端两三问(20190917)
隔离第12天。
超简单!只需简单几步即可为TA定制天气小助理!!
又又又又感冒了
专题标签
agent (1) CSS (15) dom (1) Es6入门系列 (14) Git (3) html (1) iview (1) JavaScript (9) js (4) Lif (1) Node (4) pyecharts (1) Python (10) ref (1) scriptable (1) Skill (1) vsCode (1) vue (4) wordpress (2) 三月 (1) 上海 (1) 假期 (1) 其他分享 (3) 前端两三问 (15) 古镇 (1) 外滩 (1) 对象 (1) 小程序 (5) 年度总结 (6) 年终总结 (1) 微信机器人 (4) 打字机 (1) 技术 (1) 日常问题 (8) 日常问题记录 (1) 春天 (2) 服务器 (2) 海族馆 (1) 生活 (8) 网上国网 (1) 记录 (3) 通勤 (1) 重学JavaScript (11) 面试题 (10) 🌸 (1)
什么是Agent?
2026-08-15 23:49:12
329 0 1
什么是 Skill?
2026-08-12 21:32:42
290 1 0
失业在家,我给小朋友做了一个练字小程序!
2026-08-07 16:21:52
531 8 1
上线8年,15万用户的小程序,一共赚了多少钱?
2026-05-30 18:01:24
4,621 4 0
3
  • 3
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2026 卖坚果的怪叔叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
345
文章
170
评论
431
喜欢