2023-06-09 更新 122 阅读

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

官网演示图1

安装过程

首先,安装 Umami 需要一个基本的 LNMP 环境,然后再安装 nodejs 和 npm。

  1. 安装Nodejs、npm

Nodejs、npm 在这里就不介绍了,请自行安装。
安装完毕之后,可以用 node -v 和 npm -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

开始使用

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