[gelöst] - VIS Intance Id - automatisiert ermitteln

liv-in-sky

@bananajoe sagte in VIS Intance Id - automatisiert ermitteln:

@liv-in-sky Ich, zum simulieren verschiedener Geräte
Dein Skript erstellt eine zufällige ID und speichert diese, richtig? Also nichts anderes als die Instanz-ID und wird somit auch kein löschen der Caches überleben.

hast du es ausprobiert oder schätzt du nur

liv-in-sky

@bananajoe
@bahnuhr

ok - ihr habt recht - es überlebt den cache nicht - hatte falsch gelöscht - nutze ein tool, was falsch eingestellt war

BananaJoe

@liv-in-sky die hätte wir ja schon mit der Instanz ID. Gesucht wird ein Weg immer das gleiche Gerät eindeutig der Instanz-ID zu zuordnen. Die IP-Adresse wäre da einer. Oder der Gerätename. Das sind aber alles dinge an die man wohl aus Absicht nicht aus JavaScript heraus rankommt. Denn damit könnte man ja einen Benutzer eindeutig identifizieren.

Und ausprobiert. 4 Browser = 4 verschiedene IDs, im InPrivate dann noch mal 4 verschiedene. und das ist ja auch ok, sonst hätte der InPrivate Modus ja gar keinen Sinn, geht ja darum das der Benutzer nicht eindeutig zu identifizieren ist oder man Informationen aus seinem Netzwerk auslesen kann

bahnuhr

@liv-in-sky

Warst aber ganz schön hartnäckig

liv-in-sky

@bahnuhr hatte es zuerst mit cache der app löschen mit fully getestet - da hatte es bestand - erst nachdem ich am pc den cache richtig gelöscht hatte, mußte ich aufgeben

BananaJoe

@liv-in-sky In Fully reicht es wenn man den Webspace oder wie das hies nicht löscht, dann bleibt die ID.

Ich suche gerade was wie mir der ioBroker-Server die Frage beantworten kann. Im Globalen Log kann man z.B. sehen wenn sich ein Client verbindet - mit seiner IP.

Keine Ahnung, eine Websocket aufbauen oder irgendwas was beim Aufruf (Im Idealfall die Instanz-ID mit übertragen) mir auf ioBroker Seite gibt: Jo, IP-sowieso hat mir gerade die ID gesendet. Um es dann in einem Script zu verarbeiten der mir daraus einen Datenpunkt zaubert, z.B. mit der IP als Namen und der ID als Wert

BananaJoe

@bahnuhr also eine Idee ...

Pro Gerät eine weitere iobroker.web Instanz installieren mit fortlaufenden Ports. Die lauschen dann z.B. auf 2001, 20002, 20003 usw.
Pro Gerät dann über einen anderen Port auf die VIS zugreifen
Im JavaScript was in der VIS hinterlegt ist wird der Wert location.port mit auswerten und für den Namen des Datenpunktes nutzen.

Dann ist

Port 20001 = Tablet WoZi
Port 20002 = Handy
Port 20003 = EchoShow

usw.

Ja, Blöd mit den mehreren Instanzen. Aber eine recht leicht umzusetzenden Idee.

bahnuhr

@bananajoe
du bist der Beste.

Anbei dein Script, mit Ergänzung Port

// Funktion die auf ein Widget wartet,
// Stammt von: https://forum.iobroker.net/topic/48663/howto-skripte-im-vis-editor-mit-jquery
// Modifiziert: 30 Durchläufe maximal, 1 Sekunde Pause dazwischen
function waitForElement(parent, elementPath, wid, widgetName, callBack, counter = 0, debug = false) {
         if (counter < 30) {
             setTimeout(function () {
                 if (parent.find(elementPath).length > 0) {
                     if (debug) console.log(`[${widgetName} ${wid}] it took ${counter}ms to wait for the element '${elementPath}'`);
                     callBack();
                 } else {
                     if (debug) console.log(`[${widgetName} ${wid}] wait for element '${elementPath}'`);
                     counter++
                     waitForElement(parent, elementPath, wid, widgetName, callBack, counter, debug);
                 }
             }, 1000);
         } else {
            if (debug) console.warn(`[${widgetName} ${wid}] stop waiting after ${counter} retries`);
             callBack();
        }
    }
 
 
// Warten auf das (basic - Scren Resolution) Widget, ID ggf. anpassen
waitForElement($('body'),'#w02705', 'dummy', 'dummy', function () {
   // Widget ist geladen, auf das Widget klicken, w00001 ist die ID von meinem basic - Screen Resolution Widget
    setTimeout( () => { 
        $('#w02705>div>span>span').trigger('click'); 
    }, 1000);
    // und in einen Datenpunkt schreiben
    setTimeout( () => { 
    vis.setValue('javascript.0.System.System.Instanz', vis.instance);
    vis.setValue('javascript.0.System.System.Port', location.port);
    }, 3000);
}, 0, true);

Funktioniert einwandfrei.
Edge wird geöffnet, es wird geklickt, und instance und port wird in die DP geschrieben.
Super.

Anmerkung:
Am besten wäre es wenn der Entwickler von dem widget dies gleich einbauen könnte (noch besser mit IP).
Müsste @Bluefox sein.
Macht der dies noch selber, oder kümmert sich wer anders darum ?

Egal, Danke an @BananaJoe .
Es läuft, nun gehts weiter mit den Überlegungen.

bahnuhr

@bananajoe

Noch ein Hinweis von mir.
Das widget Screen Resolution Widget muss auf der default Seite liegen.

Denn diese wird beim Start ja aktiviert.

liv-in-sky

@bahnuhr
@BananaJoe

da habt ihr eine gute lösung gefunden wurde gleich notiert

bahnuhr

@liv-in-sky
@BananaJoe

und anbei noch ein Script um die sayit browser Instanz zu ändern.
(denn darum ging es mir)

// Es soll überwacht werden, ob das Tablet im Wohnzimmer einen neue Instanz-ID bekommen hat.
// Hierzu wurde eine neue web-Instanz erzeugt mit der Port-Nr. 20002
// Diese neue Instanz-ID soll dann in sayit.3 und sayit.4 gespeichert werden.
// vgl. Diskussion im Forum: https://forum.iobroker.net/topic/43361/vis-intance-id-automatisiert-ermitteln/86?_=1641025065690
// Im VIS-Editor wurde folgendes Script eingefügt (dieses schreibt neue Instanz und Port in DP)
// Dies wurde von @bananajoe erstellt und von mir @bahnuhr geringfügig ergänzt
/*
function waitForElement(parent, elementPath, wid, widgetName, callBack, counter = 0, debug = false) {
         if (counter < 30) {
             setTimeout(function () {
                 if (parent.find(elementPath).length > 0) {
                     if (debug) console.log(`[${widgetName} ${wid}] it took ${counter}ms to wait for the element '${elementPath}'`);
                     callBack();
                 } else {
                     if (debug) console.log(`[${widgetName} ${wid}] wait for element '${elementPath}'`);
                     counter++
                     waitForElement(parent, elementPath, wid, widgetName, callBack, counter, debug);
                 }
             }, 1000);
         } else {
            if (debug) console.warn(`[${widgetName} ${wid}] stop waiting after ${counter} retries`);
             callBack();
        }
    }
// Warten auf das (basic - Scren Resolution) Widget, ID ggf. anpassen
waitForElement($('body'),'#w02705', 'dummy', 'dummy', function () {
   // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
    setTimeout( () => { 
        $('#w02705>div>span>span').trigger('click'); 
    }, 1000);
    // und in einen Datenpunkt schreiben
    setTimeout( () => { 
    vis.setValue('javascript.0.System.System.Instanz', vis.instance);
    vis.setValue('javascript.0.System.System.Port', location.port);
    }, 3000);
}, 0, true);
*/ 
// 01/2022 bahnuhr; Dieter Müller


on({id: "javascript.0.System.System.Instanz", change: "ne"}, function(obj) {   // Instanz ändert sich
    log("Browser Instanz hat sich geändert: " + obj.state.val);
    var Ins = getState("javascript.0.System.System.Instanz").val; var Port = getState("javascript.0.System.System.Port").val; 
    if (Port == 20002) {    // Port ist 20002; schreibe neue Instanz nach sayit
        var wert = getObject("system.adapter.sayit.3"); wert.native.instance = Ins; setObject("system.adapter.sayit.3",wert);
        var wert = getObject("system.adapter.sayit.4"); wert.native.instance = Ins; setObject("system.adapter.sayit.4",wert);
        log ("Die neue Browser-Instanz vom Tablet Wohnzimmer wurde nach sayit geschrieben.");
    }
});

liv-in-sky

@bahnuhr

jetzt habe ich noch was gelernt - du nutzt das on({...}) im vis-editor-script-tab

wußte garnicht, dass das geht -klasse !!!

bahnuhr

@liv-in-sky sagte in VIS Intance Id - automatisiert ermitteln:

@bahnuhr

jetzt habe ich noch was gelernt - du nutzt das on({...}) im vis-editor-script-tab

wußte garnicht, dass das geht -klasse !!!

Ne, das ist ein normales js Script.
die Farben werden hier nur falsch dargestellt.

Das vis-editor-script ist nur zur Klarstellung im js Script genannt.

liv-in-sky

@bahnuhr

gut- dass hätte nämlich bedeutet, dass ich einige sachen hätte ändern müssen

BananaJoe

@bahnuhr ich nutze "basic - View in Widget" für mein Menü und habe es dort im nicht sichtbaren Bereich versteckt.
Laut meinen Tests funktioniert das auch.
Default ist bei mir nicht gesetzt da es dann ein Problem mit Inputfeldern und meinem Handy gibt

Neben der per Port-Lösung ist mir noch ein zweiter Weg eingefallen.
Und zwar müsste man dabei entweder bei allen Clients Einträge in der host Datei machen oder man hat einen DNS-Server den alle nutzen und legt verschiedene Hostnamen mit der IP des ioBroker-Servers an.
also z.B.

192.168.1.8  VISTabletWozi
192.168.1.8  VISHandy
192.168.1.8  VISEchoShow

In der URL dann statt der IP den DNS-Namen angeben (VISHandy.fritzbox.local).
Den Namen erhält man per location.hostname und kann auch so wieder zur Unterscheidung genutzt werden.

Das mit den Namen ist insofern umständlich das man das eigentlich nur vernünftig machen kann wenn man seinen eigenen, internen DNS-Server betreibt und sich ein wenig damit auskennt.

Der Vorteil wäre das man dann nicht mehr eine Web-Instanz pro Gerät bräuchte.
Aber ich nutze intern auch nur IP obwohl ich einen DNS habe da mein Lenovo-Tablett ab und zu rumzickte wenn ich es über den Namen statt IP gemacht hatte.

Der 3. Weg wäre dann der weiter oben beschriebene Weg mittels extra Webserver und PHP-Skript die IP zurückgeben lassen. Oder jemand hat die Idee wie man den ioBroker-Server auf einem seiner vielen Kanäle die Frage nach der IP beantworten lassen kann

BananaJoe

@bahnuhr ich sehe gerade das du immer in die gleichen zwei Datenpunkte schreibst.
Ich habe mir das nun extra ausgedacht um eben das vermeiden zu können ... Wenn es dumm kommt und 2 Geräte gleichzeitig den Cache löschen und neu laden (Fully Kiosk zum Beispiel) dann ist es nicht mehr eindeutig welches gerät es war.

Ok, ist unwahrscheinlich ... aber nicht unmöglich, eine Situation die ich immer unbedingt vermeiden möchte.
ich hatte an

vis.setValue('javascript.0.System.System.Instanz' + location.port, vis.instance);

gedacht, das ergäbe z.B. den Datenpunkt
javascript.0.System.System.Instanz20001

oder an

switch (location.port) {
    case 20001:
        vis.setValue('javascript.0.System.System.TabletWozi-Instanz', vis.instance);
        break;
    case 20002;
        vis.setValue('javascript.0.System.System.Handy-Instanz', vis.instance);
        break;
    default:
        vis.setValue('javascript.0.System.System.Unbekannte-Instanz', vis.instance);
        break;
}

BananaJoe

Ich bin noch am forschen und hab angefangen mir auf GitHub den Quellcode von VIS anzusehen.
In https://github.com/ioBroker/ioBroker.vis/blob/master/www/js/vis.js habe ich entdeckt das man statt auf das Widget zu klicken auch einen Aufruf von

vis.generateInstance();

machen könnte. Der generiert nun aber wirklich bei jedem Aufruf eine neue ID, sollte man also nur aufrufen wenn es noch keine gibt. Zudem wird diese dann nicht in der Anzeige des basic - Screen Resokution aktualisiert, erst wenn man die Seite neu lädt (deshalb aufpassen das nicht einfach wieder eine neue ID generiert wird)

Wäre dann aber wohl noch besser als auf das Widget zu klicken. Man müsste aber auch hier den Zeitpunkt abpassen und VIS die Chance geben die ID zu laden.

Xantrox

@bananajoe
Wie wäre es mit einer Website Weiterleitung?
Startseite springt nach 5sek automatisch ins Hauptmenü und führt innerhalb dieser Zeit im Hintergrund ein Script zur instanceID aus...
Wenn nicht automatisch weitergeleitet wird bitte diesen link drücken --->>> und dort den Button

Wird auf jeder WeiterleitungsWebseite ähnlich gemacht

nur mal so als Idee

BananaJoe

@xantrox sagte in VIS Intance Id - automatisiert ermitteln:

@bananajoe
Wie wäre es mit einer Website Weiterleitung?
Startseite springt nach 5sek automatisch ins Hauptmenü und führt innerhalb dieser Zeit im Hintergrund ein Script zur instanceID aus...
Wenn nicht automatisch weitergeleitet wird bitte diesen link drücken --->>> und dort den Button

Wird auf jeder WeiterleitungsWebseite ähnlich gemacht

nur mal so als Idee

Also die weiter oben beschriebene Lösung funktioniert doch perfekt:

Das basic - Scrren Resolution Widget muss irgendwo im Projekt eingebunden sein. ich habe meines unsichtbar in der Menü View
Das obige JavaScript startet mit dem laden der VIS und warten darauf das eben dieses Widget "bereit" ist.
Das zeigt dann schon eine ID an. Trotzdem klicken wir es einmal an (bzw. wir sagen dem Widget das wir es angeklickt haben). Gibt es schon eine ID passiert nichts, sonst wird eine erstellt.
Und diese ID senden wir dann an den ioBroker an einen festgelegten Datenpunkt. Als Unterscheidung hier der Port der Web-Instanz, ich selbst habe mir eine Lösung per IP-Adresse gebaut die ich grob auch weiter oben beschrieben habe.

Also die Weiterleitung, z.B. nach 5 Sekunden wird dabei nicht wirklich gebraucht. Die Instanz-ID ist schon geschrieben wenn die VIS sich fertig aufgebaut hat.

Mein letzter Post wies nur auf eine Alternative hin wie man es auch komplett ohne Widget lösen könnte.

bahnuhr

@bananajoe sagte in VIS Intance Id - automatisiert ermitteln:

ich selbst habe mir eine Lösung per IP-Adresse

send doch diese mal.

NEWS

[gelöst] - VIS Intance Id - automatisiert ermitteln

Support us

795
Online

30.5k
Users

76.8k
Topics

1.2m
Posts

NEWS

[gelöst] - VIS Intance Id - automatisiert ermitteln

Support us

795Online

30.5kUsers

76.8kTopics

1.2mPosts

795
Online

30.5k
Users

76.8k
Topics

1.2m
Posts