创作不易，如果你觉得有用，欢迎请橙子喝杯咖啡☕☕☕
1.前言
随着我们站点的逐渐成熟，发表的文章也越来越多，那么到底有多人浏览观看呢，一起来搭建个小而美的流量监控吧
2. 项目展示
3. 相关地址
官方GitHub地址：https://github.com/umami-software/umami
官方docker镜像地址: docker.umami.dev/umami-software/umami:postgresql-latest
4. 搭建环境
服务器：橙子这边用的Racknerd的高性价比服务器，美国洛杉矶的DC02机房的机子
-
系统：Ubuntu 20.4 （也可以用Debian）
-
安装好 Docker、Docker-compose（相关脚本）
-
【非必需但建议】域名一枚，并做好解析到服务器上（域名如何选择和购买）
-
【非必需】提前安装好宝塔面板，海外版本 aapanel，并安装好 Nginx环境
-
【非必需本教程选用】安装好 Nginx Proxy Manager（相关教程）
服务器建议：1C1G，能搭建docker即可
5. 搭建视频
5.1 YouTube
视频地址：后续补充…
5.2 哔哩哔哩
视频地址：后续补充…
6. 搭建方式
6.1 安装 Docker 与 Nginx Proxy Manager
可以直接参考这篇内容：
https://vlightsky.com/nginx-proxy-manager/
6.2 创建安装目录
创建一下安装的目录：
sudo -i
mkdir -p /root/data/docker_data/umami
cd /root/data/docker_data/umami
vim docker-compose.yml
英文输入法下，按 i
---
version: '3'
services:
umami:
image: docker.umami.dev/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
restart: always
db:
image: postgres:15-alpine
environment:
POSTGRES_DB: umami
POSTGRES_USER: umami
POSTGRES_PASSWORD: umami
volumes:
- ./sql/schema.postgresql.sql:/docker-entrypoint-initdb.d/schema.postgresql.sql:ro
- ./umami-db-data:/var/lib/postgresql/data
restart: always
切换成英文输入法，修改好之后，按一下 esc，然后 :wq 保存退出。
6.3 打开服务器防火墙（非必需）并访问网页
打开防火墙的端口 3000
国内的，腾讯云阿里云在实例里面的安全组，添加放行端口即可（部分服务商没有自带的面板防火墙，就不用这步操作了）：
查看端口是否被占用（以 8080 为例），输入：
lsof -i:8080 #查看 8080 端口是否被占用，如果被占用，重新自定义一个端口
如果啥也没出现，表示端口未被占用，我们可以继续下面的操作了～
如果出现：
-bash: lsof: command not found
运行：
apt install lsof #安装 lsof
如果端口没有被占用（被占用了就修改一下端口，比如改成 8381，注意 docker 命令行里和防火墙都要改）
理论上我们就可以输入 http://ip:3000 访问了。
但是这边我们必须先搞一下反向代理！
做反向代理前，你需要一个域名！
如果想要长期使用，还是建议买 com 后缀的域名，域名选购和购买参考这篇：
https://vlightsky.com/choose_domain_name/
7. 反向代理
7.1 利用 Nginx Proxy Manager
在添加反向代理之前，确保你已经完成了域名解析，不会的可以看这个：域名一枚，并做好解析到服务器上（域名购买、域名解析 视频教程）
之后，登陆 Nginx Proxy Manager（不会的看这个：安装 Nginx Proxy Manager（相关教程））添加反向代理，按下面的操作
注意：
Nginx Proxy Manager（以下简称 NPM）会用到 80、443 端口，所以本机不能占用（比如原来就有 Nginx，如果你装了宝塔并且安装了nginx是不行的）
IP 填写：
如果 Nginx Proxy Manager 和 umami 在同一台服务器上，可以在终端输入：
ip addr show docker0
查看对应的 Docker 容器内部 IP。
否则直接填服务器 IP 就行。
7.2 利用宝塔面板
发现还是有不少小伙伴习惯用宝塔面板，这边也贴一个宝塔面板的反代配置：
直接新建一个站点，不要数据库，不要 php，纯静态即可。
然后打开下面的配置，修改 Nginx 的配置。
代码如下：
location / {
proxy_pass http://127.0.0.1:8090/; # 注意改成你实际使用的端口
rewrite ^/(.*)$ /$1 break;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Upgrade-Insecure-Requests 1;
proxy_set_header X-Forwarded-Proto https;
}
此方法对 90% 的反向代理都能生效，然后就可以用域名来安装访问了。
8. 使用教程
在设置中新增站点然后编辑，将跟踪代码添加到站点的html头中，一般博客框架都有注入的地方，然后开启共享连接，外界就能直接访问查看啦
8.1 更新 umami
cd /root/data/docker_data/umami
docker-compose pull
docker-compose up -d # 请不要使用 docker-compose stop 来停止容器，因为这么做需要额外的时间等待容器停止；docker-compose up -d 直接升级容器时会自动停止并立刻重建新的容器，完全没有必要浪费那些时间。
docker image prune # prune 命令用来删除不再使用的 docker 对象。删除所有未被 tag 标记和未被容器使用的镜像
提示：
WARNING! This will remove all dangling images.
Are you sure you want to continue? [y/N]
输入 y
利用 Docker 搭建的应用，更新非常容易～
8.2 卸载 umami
同样进入安装页面，先停止所有容器。
cd /root/data/docker_data/umami
docker-compose down
cd ..
rm -rf /root/data/docker_data/umami # 完全删除
可以卸载得很干净。
9. 常见问题及注意点
10. 结尾
祝大家搭建成功用的开心，有问题可以去 GitHub 提 Issues，也可以在评论区互相交流探讨。
同时，有能力给项目做贡献的同学，也欢迎积极加入到 项目 中来，贡献自己的一份力量！
最后，感谢开发人员们的辛苦付出，让我们能用到这么优秀的项目！
创作不易，如果你觉得有用，欢迎请橙子喝杯咖啡☕☕☕