Umami 自建统计工具

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

图片[1]-Umami 自建统计工具-逍遥客栈

安装过程

首先,安装 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.在设置里面增加你的网站,然后在跟踪代码里复制你的代码,把代码放到里自己网站里的 代码中间就可以了.

THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容