Grafana und Prometheus in iobroker ein-bzw.anbinden

PrinzEisenherz1

So nachdem ich mich die letzten tage mit Grafana auseinander geschlagen habe und einige Fehlversuche hatte möchte ich meinen Beitrag liefern dieses tutorial zu erweitern.

Ziel : Grafana in vis integrieren auf eine art und weise das die Grafiken sowohl im internen als auch externen Netzwerk erreichbar sind [emoji3]

dazu müssen wir:

einen proxy einrichten

die configuration von Grafana ändern damit es über den proxy funktioniert

anonymous Zugang aktivieren

die richtigen links in vis iFrames einsetzen

Schritt 1 und 2 kan man weglassen wen man grafan nur intern erreichbar machen möchte

1ster schritt : Damit Grafiken sowohl intern als extern erreichbar ist müssen wir einen proxy verwenden, dafür installieren wird den proxy adapater

Die konfigurations dazu sollte so aussehen :

Wichtig : unter context muss der name mit "/" enden ! die ip-adresse muss übereinstimmen mit eurer grafana installation, in meinen fall läuft diese auf einen andere server als iObroker selber

Screen Shot 2018-04-19 at 10.16.17.png

2 ter schritt : jetzt konfigurieren wir Grafana damit es über den proxy erreichbar ist, Nachteil hiervon ist das grafana nur noch über die proxy URL erreichbar sein wird.

in der datei "/etc/grafana/grafana.ini" ändern wir den wert "root_url =" passend zu unseren iObroker installation und Konfiguration des proxy adapters.

Vorsicht, standard steht vor der weile ein ";", das muss man entfernen ! Bei mir sieht es dan so aus:
root_url = http://192.168.1.210:8082/proxy.0/grafana/
sudo service grafana-server restart
Ab jetzt ist Grafana nur noch erreichbar über die IP-Adresse : http://<ip eurer/iobroker/installation="">:8082/proxy.0/grafana/ !</ip>

3 ter schritt : Jetzt aktivieren wir den anonymen Zugang, damit werden Grafiken immer angezeigt auch ohne login. Änderungen kann man nur als admin/eingelogter user ausführen:

in der datei "/etc/grafana/grafana.ini" folgende wert ändern:
` > #################################### Anonymous Auth ##########################

[auth.anonymous]

enable anonymous access

enabled = true `

Jetzt grafana neu starten:
sudo service grafana-server restart
Ab jetzt kann man die Grafiken erreichen ohne vorher ein username/password ein zu fügen ! Möchten man etwas änder muss man sich unten links erst anmelden

4ter schritt : Grafana Grafiken in vis integrieren. Es gibt 2 unterschiedliche links A) Link, hierin kann man auch die Zeitspannen ändern B) Embed, die wird ein fester link zu der Grafik.

Erst holen wir uns den link der Grafik, dazu klicken wir auf den Pfeil neben den Namen und dan "share" :

Screen Shot 2018-04-19 at 10.31.00.png

Jetzt sehen wird die dazugehörigen links, Vorsicht : Damit die Grafiken in vis von überall Funktionieren müssen wir die IP-Adresse weglassen !

In grafana steht z.b.:
http://192.168.1.210:9092/proxy.0/grafana/d/JgcWHHZiz/iobroker?refresh=10s&orgId=1&panelId=4&fullscreen&from=1523953868218&to=1524126668218
Wir kopieren aber nur
/proxy.0/grafana/d/JgcWHHZiz/iobroker?refresh=10s&orgId=1&panelId=4&fullscreen&from=1523953868218&to=1524126668218
Als letzten nehmen wir in vis das widget "iFrame" und fügen hier die entsprechende URL ein:

Screen Shot 2018-04-19 at 10.38.29.png

und das wars auch schon, viel spass damit ! [emoji2] [emoji2] [emoji2]

Zugang per Cloud wird leider nicht unterstützt.

Ich habe dafür eine 2te Webinhalte mit Reader only User eingerichtet welche extern erreichbar ist. `

Hi zusammen,

Ich habe bei mir in einer VM (proxmox) einen Grafana-Server aufgesetzt und wie oben beschrieben die Grafiken in VIS eingebunden.

Leider funktioniert das im VIS-App nicht.

Im Broweser seh ich die Grafiken aber im VIS-App nicht.

Wenn ich den Link wie folgt eingebe

http://192.168.178.2:8082/proxy.0/grafana/d-solo/z0AuLUxmz/warmwasserpumpe?orgId=1&panelId=2&from=1540677600000&to=1540723323006" width="750" height="160" frameborder="0"

dann erscheint im VIS-App folgende Meldung
1058_2018-10-26_13.23.58.png
Wenn ich den Link wo folgt eingebe

/proxy.0/grafana/d-solo/z0AuLUxmz/warmwasserpumpe?orgId=1&panelId=2&from=1540677600000&to=1540723323006" width="750" height="160" frameborder="0"

dann erscheint folgende Meldung
1058_2018-10-28_12.52.52.png

Beide Grafiken sind in einem basic-iframe Widget.

Im Browser gehen aber beide Varianten.

Kann mir da vielleicht jemand weiterhelfen?

Liegt es evtl. am VIS-App selber?

Gruß

Johnny

Holger76

Ich habe es über die vis app auch nicht geschafft, nutze jetzt nun auch den kiosk Browser

Gesendet von meinem F5121 mit Tapatalk

PrinzEisenherz1

Danke für deine Antwort. Schade dass das wohl nicht mit dem VIS app geht

PrinzEisenherz1

Ich habe jetzt mal den Kiosk Browser Lockdown getestet. Da geht das anzeigen der Grafiken zwar aber ich finde den etwas schwerfällig.

Da regieren die Views beim umschalten (über Nav-Bar) doch stark verzögert gegenüber dem Chromebrowser bzw App.

Ich hab auch mal den fully kiosk Browser getestet, aber der hat das gleiche Verhalten wie das VIS-App.

Welche Einstellungen hast Du bei deinem Kiosk-Browser vorgenommen. Hast Du die reload-Funktionen deaktiviert? Oder hast Du alles auf Standard-Einstellung gelassen?

Gruß

Johnny

ChristianF

~~@sissiwup:~~

Hi,

die Datenpunkte sind schon so da, nur die Namen sind vlt. noch nicht da.

Dafür das Script von Dutchman laufen lassen (Export der Namen).

Dann die Daten wie im 2. Post beschrieben importieren.

Und dann das SQL:
UPDATE `datapoints` SET `lname`=(select lname from namen where namen.name=datapoints.name limit 1)
UPDATE `datapoints` SET `sname`=(select sname from namen where namen.name=datapoints.name limit 1)
UPDATE `datapoints` SET `raum`=(select raum from namen where namen.name=datapoints.name limit 1)
erneut durchführen.

Ich habe das bei mir automatisiert.

Das Script läuft einmal pro Nacht (oder auf Anforderung).

Import und SQL laufen anschließend cron-gesteuert. `

Danke für die Hilfe. Das Neu-Auslesen der Namen hat funktioniert, sie sind auch in der Tabelle "Namen" angekommen. Leider komme ich beim Thema SQL nicht weiter, da ich auf einen SQL Error laufe:

Fehler

UPDATE `datapoints` SET `lname`=(select lname from namen where namen.name=datapoints.name limit 1)
UPDATE `datapoints` SET `sname`=(select sname from namen where namen.name=datapoints.name limit 1)
UPDATE `datapoints` SET `raum`=(select raum from namen where namen.name=datapoints.name limit 1)

MySQL meldet: Dokumentation
#1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'UPDATE `datapoints` SET `sname`=(select sname from namen where namen.name=datapo' at line 2

Habe schon diverse Änderungen mit Hochkomma, Anführungszeichen, ohne alles usw. ausprobiert -> ändert nix

Komisch, ansonsten läuft das Ganze prima..

Vielen Dank!

Viele Grüße

Christian

PS: Die Automatisierungsmöglichkeit würde mich interessieren, wenn mal ganz viel Lust und Zeit da ist

PPS:

So sehen die Tabellen aus:

ChristianF

~~@ChristianF:~~

~~@sissiwup:~~

Und dann das SQL:

UPDATE `datapoints` SET `lname`=(select lname from namen where namen.name=datapoints.name limit 1)
UPDATE `datapoints` SET `sname`=(select sname from namen where namen.name=datapoints.name limit 1)
UPDATE `datapoints` SET `raum`=(select raum from namen where namen.name=datapoints.name limit 1)

erneut durchführen. `

Danke für die Hilfe. Das Neu-Auslesen der Namen hat funktioniert, sie sind auch in der Tabelle "Namen" angekommen. Leider komme ich beim Thema SQL nicht weiter, da ich auf einen SQL Error laufe:

Fehler

UPDATE `datapoints` SET `lname`=(select lname from namen where namen.name=datapoints.name limit 1)
UPDATE `datapoints` SET `sname`=(select sname from namen where namen.name=datapoints.name limit 1)
UPDATE `datapoints` SET `raum`=(select raum from namen where namen.name=datapoints.name limit 1)

MySQL meldet: Dokumentation
#1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'UPDATE `datapoints` SET `sname`=(select sname from namen where namen.name=datapo' at line 2

sql1.JPG

Habe schon diverse Änderungen mit Hochkomma, Anführungszeichen, ohne alles usw. ausprobiert -> ändert nix `

Falls noch jemand gegen diese Wand läuft: die SQL Statements müssen EINZELN und NACHEINANDER eingegeben werden. Danke @Sissiwup!

bunni

Hallo

ich habe ein riesiges Problem mit der eigentlichen MySql b Bearbeitung, ich komme damit einfach nicht klar mit dem einsetzten der Ordner usw.

Wenn ich das Script eingebe bekomme ich folgende Fehlermeldungen:

<code>MariaDB [(none)]> var anz = 0;
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'var anz = 0' at line 1
MariaDB [(none)]> var total = 0;
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'var total = 0' at line 1
MariaDB [(none)]> var data = "";
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'var data = ""' at line 1
MariaDB [(none)]> var states = $('*').each(function(id, i) {
    -> 
    -> 
    ->     if (getObject(id)) {
    ->         anz = anz + 1;
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'var states = $('*').each(function(id, i) {

    if (getObject(id)) {
        an' at line 1
MariaDB [(none)]>         try {
    ->             var devname = getObject(id).common.name;
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'try {
            var devname = getObject(id).common.name' at line 1
MariaDB [(none)]>             var logenabled = getObject(id).common.custom["sql.0"].enabled;
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'var logenabled = getObject(id).common.custom["sql.0"].enabled' at line 1
MariaDB [(none)]>             //count total states with sql logging enabled
    ->             total = total + 1;
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '//count total states with sql logging enabled
            total = total + 1' at line 1
MariaDB [(none)]>             //onlz write states to file with sql logging enabled
    ->             if (logenabled === true) {
    ->                 log('extract : ' + devname);
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '//onlz write states to file with sql logging enabled
            if (logenabled ' at line 1
MariaDB [(none)]>                 var channel = getObject(id).common.name.split(":");
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'var channel = getObject(id).common.name.split(":")' at line 1
MariaDB [(none)]>                 var dp = getObject(id, "rooms");
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'var dp = getObject(id, "rooms")' at line 1
MariaDB [(none)]>                 var raum = dp.enumNames;
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'var raum = dp.enumNames' at line 1
MariaDB [(none)]>                 if (raum.length > 0) {
    ->                     //    log(anz+"->"+id+":::::"+devname+"----"+channel[0]+">"+raum+"<");
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '{
                    //    log(anz+"->"+id+":::::"+devname+"----"+channel[0]+">' at line 1
MariaDB [(none)]>                 } else {
    ->                     //    log(anz+"->"+id+":::::"+devname+"----"+channel[0]+">"+"----------"+"<");
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '} else {
                    //    log(anz+"->"+id+":::::"+devname+"----"+channe' at line 1
MariaDB [(none)]>                     raum = "-";
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'raum = "-"' at line 1
MariaDB [(none)]>                 }
    ->                 data = data + '"' + id + '","' + channel[0] + '","' + devname + '","' + raum + '"' + String.fromCharCode(10);
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '}
                data = data + '"' + id + '","' + channel[0] + '","' + devname ' at line 1
MariaDB [(none)]> 
MariaDB [(none)]>             }
    -> 
    -> 
    ->         } catch (err) {}
    ->     }
    -> });
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '}

        } catch (err) {}
    }
})' at line 1
MariaDB [(none)]> 
MariaDB [(none)]> //log(data);
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '//log(data)' at line 1
MariaDB [(none)]> var fs = require('fs');
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'var fs = require('fs')' at line 1
MariaDB [(none)]> fs.writeFile('/home/shares/allusers/namen.csv', data, 'binary', function(error) {
    ->     console.log(' object scanned : ' + anz);
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'fs.writeFile('/home/shares/allusers/namen.csv', data, 'binary', function(error) ' at line 1
MariaDB [(none)]>     console.log(' SQL enabled objects written to file : ' + total);
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'console.log(' SQL enabled objects written to file : ' + total)' at line 1
MariaDB [(none)]> });/code]</code>

Lbpuma3

Hallo,
Ich habe diese Fehler Meldung (siehe anhang)
Habe Grafana auf Windows istalliert kann das der Fehler sein?
Oder muss ich die SQL datenbank erweitern mit (names .....)
Möchte nur das die Daten die vom Iobroker in die SQL geschrieben werden in Grafana angezeigt werden.
LG Thomas

Segway

@Lbpuma3

Bei SQL ist es etwas tricky, bin ich selber drüber gestolpert. Warum ? Weil die Datenpunkte nicht autoamtisch angezeigt werden.
Deshalb suche ich mir in der Datenbank die entsprechende ID raus und die musst du in die vorletzte Zeile eintragen --> n.id = 1422 (ist für eine Temperaturmessung)

SELECT
  floor(n.ts/1000) as time_sec,
  n.val as value,
  "Temperatur" as metric
FROM ts_number n
WHERE $__unixEpochFrom()*1000<n.ts and $__unixEpochTo()*1000>n.ts and n.id = 1422
ORDER BY n.ts ASC

Lbpuma3

@Segway said in Grafana und Prometheus in iobroker ein-bzw.anbinden:

WHERE $__unixEpochFrom()*1000<n.ts and $__unixEpochTo()*1000>n.ts and n.id = 1422

Danke du hast mir sehr geholfen.
Großkleinschreibung bei "__unixEpochTo" war mein Fehler.
LG

sissiwup

Hallo, um die Auswahl der Datenpunkte einfacher zu gestalten habe ich Variablen eingebaut:

Anmerkung 2019-03-02 110018.jpg

Anmerkung 2019-03-02 110055.jpg

Anmerkung 2019-03-02 110131.jpg

Device

SELECT DISTINCT concat(sname," ",mid(name,10,10)," ",raum) FROM `datapoints` where not isnull(sname) and instr(lname,"-") = 3 and instr(lname,":")=6  and length(raum)>1

Geräte:

SELECT concat(right(concat("0000",id),4)," ",lname,"(",raum,") ",case type when 0 then "Nu" when 1 then "St" when 2 then "Bo" else "?" end) FROM `datapoints` where not isnull(lname) and instr(lname,"-") = 3 and instr(lname,":")=6 and (instr(lname,"BAT")>0 or instr(lname,"MOTION")>0 or instr(lname,"BRIGHT")>0 or instr(lname,"TEMP")>0 or instr(lname,"STATE")>0 or instr(lname,"VALVE")>0 or instr(lname,"HUMI")>0 or instr(lname,"POWER")>0) order by lname

Datapoints

SELECT concat(right(concat("0000",id),4)," ",lname,"(",raum,") ",case type when 0 then "Nu" when 1 then "St" when 2 then "Bo" else "?" end) FROM `datapoints` where not isnull(lname)  order by lname

Anmerkung 2019-03-02 110239.jpg

Anmerkung 2019-03-02 110402.jpg

Anmerkung 2019-03-02 110459.jpg

Man kann die Variablen auch in Querys verwenden:

Anmerkung 2019-03-02 111413.jpg

Anmerkung 2019-03-02 111519.jpg

Anmerkung 2019-03-02 111147.jpg

Anmerkung 2019-03-02 111213.jpg

Segway

@sissiwup

Das gibts doch nicht, GENAU DAS HABE ICH GESUCHT !!!!!
Genial --> 5 STERNE !!!!!!

Segway

@sissiwup sagte in Grafana und Prometheus in iobroker ein-bzw.anbinden:

SELECT DISTINCT concat(sname," ",mid(name,10,10)," ",raum) FROM datapoints where not isnull(sname) and instr(lname,"-") = 3 and instr(lname,":")=6 and length(raum)>1

Bei mir kommt leider ein Fehler - ne Idee ?

sissiwup

@Segway sagte in Grafana und Prometheus in iobroker ein-bzw.anbinden:

@sissiwup sagte in Grafana und Prometheus in iobroker ein-bzw.anbinden:

SELECT DISTINCT concat(sname," ",mid(name,10,10)," ",raum) FROM datapoints where not isnull(sname) and instr(lname,"-") = 3 and instr(lname,":")=6 and length(raum)>1

Bei mir kommt leider ein Fehler - ne Idee ?

Hi, ggf. musst du bei dir die Abfragten anpassen. Meine Abfragen gehen auf die erweiterten Tabellen (siehe erste Beiträge)

Segway

@sissiwup sagte in Grafana und Prometheus in iobroker ein-bzw.anbinden:

Jetzt füllen wir die Datenpunkte mit sprechenden Namen:
````
UPDATE datapoints SET lname=(select lname from namen where namen.name=datapoints.name limit 1)
UPDATE datapoints SET sname=(select sname from namen where namen.name=datapoints.name limit 1)
UPDATE datapoints SET raum=(select raum from namen where namen.name=datapoints.name limit 1)

Mal eine Frage:
In welcher der angelegten Tabellen muss ich sein um diese Befehle "abzufeuern" ???
Einmal ist mir die DB schon abgeschmiert

sissiwup

@Segway sagte in Grafana und Prometheus in iobroker ein-bzw.anbinden:

@sissiwup sagte in Grafana und Prometheus in iobroker ein-bzw.anbinden:

Jetzt füllen wir die Datenpunkte mit sprechenden Namen:
````
UPDATE datapoints SET lname=(select lname from namen where namen.name=datapoints.name limit 1)
UPDATE datapoints SET sname=(select sname from namen where namen.name=datapoints.name limit 1)
UPDATE datapoints SET raum=(select raum from namen where namen.name=datapoints.name limit 1)

Mal eine Frage:
In welcher der angelegten Tabellen muss ich sein um diese Befehle "abzufeuern" ???
Einmal ist mir die DB schon abgeschmiert

Hi,
du musst das nur machen, wenn du meine Variablen 1:1 übernehmen willst.
Die Tabelle namen im Space iobroker sollte gefüllt sein.
Und du updates die Tabelle datapoints. Und es sind 3 einzelne Befehle, sonst per ";" trennen!

Segway

@sissiwup

Jo das hatte ich nicht gemacht und jetzt nachgeholt.
Kannst du mir einmal erklären, wie nun diese drei Variablen anzuwenden sind wenn ich nun einen Graph erstellen möchte ? SO ganz verstehe ich das noch cniht:

crunchip

https://www.heise.de/newsticker/meldung/Grafana-6-2-legt-mehr-Wert-auf-Sicherheit-4432467.html

ChrisXY

hm ist es nicht einfacher den influxDB Adapter zu nutzen ? Die InfluxDB kommt direkt mit Grafana klar das man da ganz einfach nach Werten und Geräten suchen kann.

Knallochse

Für alle die Probleme mit der Einbindung ins VIS haben

https://forum.iobroker.net/topic/23503/welche-proxmox-vms-habt-ihr/101

Bei Grafana selber gibt es eine Setting "allow_embedding" in der grafana.ini, welche auf true gestellt werden muss.

Danke an @Sempre

Diese Einstellung muss ab Grafana Version 6.2 vorgenommen werden, um Dashboards im iFrame darzustellen.

NEWS

Grafana und Prometheus in iobroker ein-bzw.anbinden

enable anonymous access

Support us

492
Online

31.9k
Users

80.1k
Topics

1.3m
Posts

NEWS

Grafana und Prometheus in iobroker ein-bzw.anbinden

enable anonymous access

Support us

492Online

31.9kUsers

80.1kTopics

1.3mPosts

492
Online

31.9k
Users

80.1k
Topics

1.3m
Posts