侧边栏壁纸
博主头像
Autoz的小站 博主等级

依旧是,祝你好运!

  • 累计撰写 5 篇文章
  • 累计创建 9 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

Umami接入教程 把Umami接入Halo

Autoz
2026-08-20/0 评论/0 点赞/15 阅读/0 字

前言与安装

众所周知umami是一个非常轻量、好用(可能?)的一个网站检测分析平台,你可以用umami cloud官方平台,也可以自部署 (推荐)

umami的安装非常简单只需要在1panel的应用商店里安装umami即可,推荐v3(需要安装postgresql

安装完以后访问你的umami后台,端口默认是3000,可以在安装时修改

1panel安装用户名默认admin密码默认umami

使用umami最好nginx绑一个域名不然很麻烦的(

配置nginx

这里我直接使用1panel自带的网站管理示范了

首先要新建一个证书用来HTTPS,然后新建网站,域名要和证书一致,你可以使用你域名的子域名来绑定。选择反向代理,然后输入你的umami后台url

点击这个的配置,开启真实ip

来源必须0.0.0.0/0,这个是umami用来追踪访客地区的

然后开启跨域访问

重点!!!这里的请求头必须是这个👇

DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,x-umami-hostname,x-umami-website-id

允许的域名最好不要是*通配符,域名这里要加https头

点击上面的配置文件,最下面加入以下内容:(如果你不用1panel的网站管理的话,这些东西就是放在location / 里面的)

    proxy_hide_header 'Access-Control-Allow-Origin'; 
    proxy_hide_header 'Content-Security-Policy'; 
    add_header Content-Security-Policy 'frame-ancestors autozteam.cn'; 
    add_header Access-Control-Allow-Origin https://autozteam.cn always; 
    add_header Access-Control-Allow-Methods GET,POST,OPTIONS always; 
    add_header Access-Control-Allow-Headers DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,x-umami-hostname,x-umami-website-id always; 
    add_header Access-Control-Allow-Credentials true always; 

其实这些配置是有些重复的,但是保险起见配置上

nginx配置完点容器,编辑umami环境变量,加上这些:


ALLOWED_FRAME_URLS=https://autozteam.cn
ALLOWED_ORIGINS=https://autozteam.cn
ALLOWED_HEADERS=x-umami-hostname,Content-Type

应用一下,这部分就搞定了,访问你的域名,应该没问题了

接入

进入到后台左下角可以选择语言,然后就是新建一个网站监测

填完以后点编辑

复制这个跟踪代码,放到halo设置的代码注入里的全局head里面就可以了

进入你的网站首页,打开f12工具,点开里面的控制台,点开网络选项卡点清除缓存,刷新一下,看如果没有CORS或CSP报错就说明你的umami接入完成啦!

你可以刷新几下点几个文章看看umami后台访问量有没有增加

0

评论区