2023-06-09 更新 1071 阅读
温馨提示:
本文最后更新于2023年06月09日,已超过333天没有更新,若内容或图片失效,请留言反馈。

个人觉得很需要统计博客访问的相关数据,之前会选择「百度统计」 或是「51LA统计」
今天给大家介绍个「Umami统计」,有需求的朋友可以自行安装。
安装前,我们先看看 Umami 的数据截图,这里用 Umami 官网的图演示。

官网演示图1

安装过程

首先,安装 Umami 需要一个基本的 LNMP 环境,然后再安装 nodejsnpm

  1. 安装Nodejsnpm

Nodejsnpm 在这里就不介绍了,请自行安装。
安装完毕之后,可以用 node -vnpm -v 检查版本。

  1. 安装 yarn

npm install -g yarn
  1. 获取源代码并安装软件包

git clone https://github.com/umami-software/umami.git
cd umami
yarn install
  1. 配置 Umami

Umami 目录中创建 .env 文件,并在文件中增加下面数据

DATABASE_URL=mysql://username:mypassword@localhost:3306/mydb

这里需要注意的是更换自己的数据库用户名,密码和数据库名
username 改为自己的数据库用户名
mypassword 改为自己的数据库密码
mydb 改为自己的数据库名

  1. 安装 Umami

yarn build
  1. 启动 Umami

yarn start

安装到了这里,就可以使用 http://localhost:3000 地址来访问你的 Umami 了,其中 localhost 指的是你的服务器IP地址。

设置 Umami 后台运行

通常使用 yarn start 就可以直接启动,但是退出 ssh 之后就直接停止运行了,所以需要用一些工具保证后台运行,官方文档中的推荐是:

yarn global add pm2
cd umami
pm2 start yarn --name umami -- start
pm2 startup
pm2 save

Nginx 反向代理

Nginx 反向代理有两种方法,

  1. 第一种方法:
    因为可以使用 ip:3000 直接访问,我们使用域名反代,这里以 Ng­inx 举例。在 server 段加入配置:

    server {
      server_name umami.yourdomain.com;
    
      location / {
     proxy_pass http://localhost:3000;
     proxy_set_header X-Real-IP $remote_addr;
     proxy_set_header Host $host;
     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      }
    }
  2. 第二种方法:
    如果你是用的宝塔面板,也可以按下面步骤操作
    1、新增站点
    2、配置域名,SSL证书
    3、站点设置,选择反向代理,添加反向代理,目标URL填写 http://127.0.0.1:3000
    代理名称可以随意填写,然后在确定即可。

在设置好反向代理以后,就可以使用你的域名直接登录 Umami ,在域名后面也无需增加端口号。

更新 Umami

  1. 更新 Umami
pm2 stop umami
  1. 获取更新
git pull
  1. 然后重新安装
yarn install
yarn build

使用 Docker 安装

Umami附带了一个docker compos,其中包含应用程序和PostgreSQL数据库。

要构建 Docker 容器并使用 Postgres 数据库启动,请运行:

docker-compose up -d

或者,如果你想使用预构建的镜像,你可以拉取支持 PostgreSQL 的 Umami Docker 镜像:

docker pull ghcr.io/umami-software/umami:postgresql-latest

或者在 MySQL 支持下:

docker pull ghcr.io/umami-software/umami:mysql-latest

更新 Docker 映像

更新 Docker 映像,简单到只有两个步骤
① 拉取新映

docker compose pull

② Docker 映像重建

docker compose up --force-recreate

开始使用

Umami 默认的管理员帐号用户名为admin,密码为Umami
1.登录后,在右上角有个网络的图标,在这里修改语言为中文.
2.修改你的用户名和密码.
3.在设置里面增加你的网站,然后在跟踪代码里复制你的代码,把代码放到里自己网站里的 <head> </head>代码中间就可以了.