腾讯云
megalayer服务器

【教程】如何部署 umami — 一个简约而不简单的网页流量统计工具


示例图:

缺点:

这个面板适合自用,未注册用户无法直接进行注册,需要管理员创建账号

部署流程:

第一步:安装Node.js和npm

虽然官方说使用Node.js 12 或更高版本即可,但是实际使用过程中,环境提示需要安装Node.js 16.13 或更高版本。

执行以下命令来安装:

curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - sudo apt-get install -y nodejs

验证Node.js和npm是否安装成功:

node -v npm -v

第二步:获取umami的源代码并安装依赖

git clone https://github.com/umami-software/umami.git cd umami npm install -g yarn

第三步:设置MySQL数据库并配置umami使用的数据库

安装MySQL服务器:

sudo apt-get update sudo apt-get install mysql-server sudo mysql_secure_installation

登录MySQL创建用户和数据库:

sudo mysql -u root -p CREATE USER 'umami'@'localhost' IDENTIFIED BY 'mypassword'; CREATE DATABASE mydb; GRANT ALL PRIVILEGES ON mydb.* TO 'umami'@'localhost'; FLUSH PRIVILEGES; EXIT;

在umami项目目录中创建一个.env文件,内容如下:

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

第四步:构建和启动umami

返回到umami目录,执行以下命令构建和启动应用:

yarn install yarn build yarn start

使用浏览器登录ip:3000来查看是否安装成功,初始用户名:admin,密码:umami

第五步:配置umami后台运行和自启动

安装PM2并使用PM2启动umami

npm install -g pm2 pm2 start yarn --name "umami" -- start

设置PM2自启动钩子,并保存当前的PM2进程列表和状态:

pm2 startup pm2 save

第六步:配置网页流量统计代码

  1. 在设置—>网站—>添加网站中添加自己的网站
  2. 保存后点击编辑来查看追踪代码

  3. 在网站代码中添加追踪代码
    示例:Typecho可以直接塞在header.php中

效果图展示:

from:nodeseek@adonis142857

本站部分内容和图片来源于互联网,如有侵权请联系删除:index@idc-status.com