Monitor network usage with VNSTAT

---

I like to have some information about the amount of network load my Pimatic system system creates, for this i use the little program VNSTAT.

Here is a short how-to:
1 install VNSTAT and VNSTATI
(more info about VNSTAT here)

2 create a bash script which generates the .png’s with the desired information. (or copy below as save it somewhere your PI has acces to and make sure you edit the paths!)

#!/bin/bash
vnstati -d -o /PATHTOSOMEWHERE/days.png &&
vnstati -m -o /PATHTOSOMEWHERE/months.png &&
vnstati -hs -o /PATHTOSOMEWHERE/hsummary.png &&
vnstati -h -o /PATHTOSOMEWHERE/hours.png &&
vnstati -t -o /PATHTOSOMEWHERE/top10.png &&
vnstati -vs -o /PATHTOSOMEWHERE/vsummary.png &&
vnstati -s -o /PATHTOSOMEWHERE/summary.png

3 Next create a rule to regularly update the images:

    {
      "id": "update-traffic-sum",
      "name": "Update Traffic Sum",
      "rule": "when every 15 minutes then execute \"bash /PATHTOYOURSCRIPT/VNSTATI.sh \"",
      "active": true,
      "logging": false
    },

4 Setup some devices to show your pics, i like to use the iframe and the pimatic-filebrowser plugins for this, make sure you have them installed!

     {
      "url": "https://USRNAME:PASSWORD@PIMATICURL/files//PATHTOSOMEWHERE/VNSTATI/months.png",
      "width": 500,
      "id": "traffic-months",
      "name": "Traffic Months",
      "class": "iframeDevice",
      "height": 200
    },
    {
      "url": "https://USRNAME:PASSWORD@PIMATICURL/files//PATHTOSOMEWHERE/VNSTATI/hsummary.png",
      "width": 500,
      "id": "traffic-hours-summary",
      "name": "Traffic Hours Summary",
      "class": "iframeDevice",
      "height": 200
    },
    {
      "url": " https://USRNAME:PASSWORD@PIMATICURL/files//PATHTOSOMEWHERE/VNSTATI/hours.png",
      "id": "traffic-hours",
      "name": "Traffic Hours",
      "class": "iframeDevice",
      "width": 500,
      "height": 200
    },
    {
      "url": "https://USRNAME:PASSWORD@PIMATICURL/files//PATHTOSOMEWHERE/VNSTATI/top10.png",
      "width": 500,
      "id": "traffic-top-10",
      "name": "Traffic Top 10",
      "class": "iframeDevice",
      "height": 200
    },
    {
      "url": "https://USRNAME:PASSWORD@PIMATICURL/files//PATHTOSOMEWHERE/VNSTATI/summary.png",
      "width": 500,
      "id": "traffic-summary-s",
      "name": "Traffic Summary S",
      "class": "iframeDevice",
      "reload": 60,
      "height": 200
    },

5 Add the devices to your Pimatic UI!!

And here’s a screenshot on how it could look:

Also if anyone has some tips on how i can get the posted code in a better format pls let me know, i have no idea what i’m doing wrong here…

EDIT by leader21: formatted to code
*EDIT2 Added the need for the pimatic-filebrowser plugin

very nice! thx for sharing !!
have a look at your text (click edit) and you will see the changes i have done.
you were on the right track

see also here https://forum.pimatic.org/topic/1179/how-to-post-code-on-the-forum

Thanks for the edit @leader21 , Point taken, next time use triplets!

Executing the bash script returns error: Command failed: /bin/sh -c bash /home/pi/vnstat/vnstati.sh
The bash plugin is installed and active.

@momatic said in Monitor network usage with VNSTAT:

Executing the bash script returns error: Command faile

Make sure you’re using absolute file paths within the shell script.

Thank you @mwittig now executing the script works. However I cannot load the image files into the iframe. Using http for the iframe shows: Cannot GET /files//home/pi/vnstat/logs/months.png

"url": "http://USRNAME:PASSWORD@localhost/files//home/pi/vnstat/logs/hsummary.png"

@momatic said in Monitor network usage with VNSTAT:

Cannot GET /files//home/pi/vnstat/logs/months.png

This won’t work as you need a web server to serve the files. As an alternative to using a full-blown web server like apache you can also let pimatic serve the files for you. For this purpose the pimatic-filebrowser plugin is provided (installation via pimatic web frontend recommended!). See also https://github.com/pimatic/pimatic-filebrowser/tree/v0.9.x. Assuming you set the directory path to /home/pi/vnstatthe url is "url": "http://USRNAME:PASSWORD@localhost/files/logs/hsummary.png"

Thank you @mwittig! It works like a charm.