vnstat-dashboard's Introduction

VnStatDashboard

A DashBoard for vnstat which using chart.js and quasar 简体中文

Notice

WebServer such as Nginx must add CORS support: add_header Access-Control-Allow-Origin *;
It will auto-load vnstat.json and generate chart if you put a valid vnstat.json at the sibling directory
You can do like this if you want to build a traffic monitor site for you server

sudo apt install nginx vnstat -y
git clone https://github.com/IITII/VNSTAT-DASHBOARD /var/www/vnstat
cd /var/www/vnstat && git checkout main
#sed -i "s/root \S\+/root \/var\/www\/vnstat;/g" /etc/nginx/sites-available/default \
#&& nginx -t && nginx -s reload \
echo "59 * * * * /usr/bin/vnstat --json > /var/www/vnstat/vnstat.json" \
>> /var/spool/cron/crontabs/`whoami`
crontab -l
# Now open your browser, type server ip and see the DashBoard

ScreenShot

How to Use ?

For normal use, you must make sure that vnstat had collected enough data.

Paste & Click Button.

Fixed! -> ~~For some reason, the interface id which you want to see must be "ens4"!!!~~

Know issues

Fixed! -> ~~Date maybe not correct in Hour Chart, especially in February & March.~~

vnstat-dashboard's People

Contributors

Stargazers

Watchers

vnstat-dashboard's Issues

报错 nginx: invalid option: "echo"

这是哪里搞错了吗

找不到default文件

centos7的nginx目录格式不一样找不到default，我参考https://www.cnblogs.com/aduner/p/14224858.html 做了修改
可以发下default的文件内容吗

Log:
[root@iZohsgoqg2z7njZ vnstat]# sudo service nginx restart
Redirecting to /bin/systemctl restart nginx.service
[root@iZohsgoqg2z7njZ vnstat]# sed -i "s/root \S+/root /var/www/vnstat;/g" /etc/nginx/sites-available/default \

&& nginx -t && nginx -s reload
echo "1 * * * * /usr/bin/vnstat --json > /var/www/vnstat/vnstat.json" \

/var/spool/cron/crontabs/whoami
sed: can't read /etc/nginx/sites-available/default: No such file or directory
[root@iZohsgoqg2z7njZ vnstat]# crontab -l