Einbindung und Funktionsweise Webseite AIO Remote Neo

Question

GGR1122

Einbindung und Funktionsweise Webseite AIO Remote Neo

Hallo zusammen,

ich habe in meiner AIO Neo App eine Webseite eingebunden.
Für normale, externe Webseiten (zB. www.google.com) funktioniert das auch super, die Webseite wird wie gewünscht angezeigt.
Wenn ich allerdings eine lokale Adresse angebe (zB. http:/// , also sowas wie 192.168.178.8), dann bleibt die Anzeige der Webseite leer.
im AIO Creator Neo am PC wird es richtig angezeigt.
Wie funktioniert der Aufruf von Webseiten in der AIO Neo App? Geht der direkt ins Internet und schaut gar nicht auf lokale Adressen?

Kann ich irgendetwas tun, damit mir auch eine lokale Seite angezeigt wird?

Danke

Status: Open Jun 04, 2021 - 09:27

AIO CREATOR NEO

Haben Sie die gleiche Frage? Dieser Frage folgen

Melden

2Antworten

Mitarbeiterantwort

Sebastian

Jun 04, 2021 - 10:58

Lokale Adressen sollten auch funktionieren. Ich habe es gerade nochmal unter Android ausprobiert. Befindet sich das Smartphone/Tablet auch im selben Netzwerk wie der lokale Server? Blockiert vielleicht eine Firewall zu den Zugriff?

0

Melden

Kommentare (1) | Neuer Kommentar

Antwort

Fonzo

Jun 04, 2021 - 11:22

Normale lokale Webseiten werden auch angezeigt, insofern man sich im gleichen Netzwerk befindet und der Zugriff aus NEO erfolgt lokal auf die hinterlegte IP Adresse. Wenn Du von extern die Webseite in NEO anzeigen willst, musst Du entweder ein Proxy nutzten oder aber eine VPN Verbindung aufbauen.

Nutzt die Webseite ansonsten irgendwie eine besondere Authentifizierung oder läuft da irgendein spezielles Javascript auf der Seite?

0

Melden

Kommentare (7) | Neuer Kommentar

Von

GGR1122

auf 04.06.2021 11:28:54 | Gefällt mir (0) | Melden

Also die interne Webseite ist ein lokales Node-Red Dashboard, was auf der CCU läuft.
IP Adresse ist entsprechend https://192.168.XX.XX/addons/red/ui/#!/1
Alle Geräte, auf denen das Dashboard angezeigt werden soll, laufen auch auf 192.168.XX.0/24 also im gleichen Netzwerksegment.
Von meinem PC (gleiches NW Segment) aus komme auch auch ganz normal auf das Dashboard - an der Firewall liegt es also nicht.
Was tatsächlich der Fall sein kann ist, dass die Seite da es Node Red ist, nur auf JavaScript, bzw. OpenJS https://openjsf.org/ läuft...

Ich habe das gleiche Problem aber auch wenn ich die normale Login Startseite der CCU aufrufen will. Von daher schließe ich JS Probleme eher aus.

Von

Fonzo

auf 04.06.2021 11:37:03 | Gefällt mir (0) | Melden

Wie erfolgt denn die Authentifizierung, wird da Basic Auth benutzt? Musst Du wenn Du Seite in einem Browser anzeigst Nutzer und Passwort angeben?
Basic Auth unterstützt NEO seit geraumer Zeit nicht mehr auch nicht das übergeben von Nutzerdaten eingebaut in die URL.
Wenn die Seite also abgesichert ist, muss in NEO ein User und Passwort per GET übergeben werden und vom Zielsystem dann ausgewertet werden, alles andere Unterstützt NEO selber nicht, bzw. dann müsste die Seite komplett ungesichert sein, was vielleicht auch nicht ideal ist.

Hast Du mal einen Test zur Anzeige in NEO gemacht mit irgendeiner anderen lokalen Webseite, die nicht von der CCU selber ausgegeben wird?

Von

GGR1122

auf 04.06.2021 13:10:10 | Gefällt mir (0) | Melden

Okay, ich habe herausgefunden, woran es wohl liegt:
Webseiten, die ein eigen erstelltes Zertifikat haben, bringen, wenn man sie im Brower aufruft die bekannte Seite:
"Ihre Verbindung ist nicht privat.
Angreifer versuchen möglicherweise Ihre Informationen von <www.beispiel_webseite.com> zu stehlen (z. B. Kennwörter, Nachrichten oder Kreditkarten).
NET::ERR_CERT_AUTHORITY_INVALID"

In der Vorschau funktioniert das mit dem Anzeigen, da kann man dann wählen "Weiter zu unsicherer Seite".
In der App geht das wohl nicht, da wird dann diese Seite nicht angezeigt.

Gibts hier ein Workaround?

Von

Fonzo

auf 04.06.2021 14:13:48 | Gefällt mir (0) | Melden

Das ist primär ein Frage der richtigen Netzwerkkonfiguration und kein Problem von NEO. Wenn Du HTTPS nutzten willst, brauchst Du auch ein gültiges SSL Zertifikat. Entweder wenn der DNS Server im Netzwerk liegt z.B. ein eigener Windows Server der Domain und SSL Zertifikatsserver ist, muss der DNS Server ein gültiges Zertifikat ausgeben oder Du musst ein gültiges SSL Zertifikat von einer globale Zertifizierungsstelle (CA) erwerben.

Alternative ist höchstens lokal kein HTTPS zu nutzten, sondern nur http, dann bekommst Du wenn Du selber kein gültiges Zertifikat besitzt auch keine Fehlermeldung.

Von

GGR1122

auf 04.06.2021 17:12:39 | Gefällt mir (0) | Melden

Woher der SSL Fehler kommt weiß ich auch. Fakt ist halt, dass nur Webseiten, die diesen Fehler werfen, entsprechend nicht angezeigt werden.
Auf Android bekommt man in der App ein paar mehr Infos: Hab die Adresse jetzt mal explizit auf http://192.168.XX.YY:80/.... gesetzt. Da kommt dann ein ERR_BLOCKED_BY_RESPONSE raus...
Evtl. liegts an den iFrames?
https://stackoverflow.com/questions/20498831/refused-to-display-in-a-frame-because-it-set-x-frame-options-to-sameorigin/33777934#33777934

Von

GGR1122

auf 04.06.2021 17:18:42 | Gefällt mir (0) | Melden

Nachtrag: PROT=http; PORT=80 und Native WebView=enabled funktioniert auf dem Android.
Selbe Remote iPhone: Fehlanzeige

Von

Fonzo

auf 04.06.2021 18:14:03 | Gefällt mir (0) | Melden

Trifft das Verhalten denn nur mit NodRed auf oder auch einer anderen lokalen Internetseite, die Du lokal aufrufen kannst? Hast Du denn die Möglichkeit noch eine andere lokale Webseite in NEO zum testen bzw. zum Vergleich einzubinden?

Keine Ahnung was die Besonderheiten von NodeRed sind bzw. ob es in der Kombi Probleme gibt, kann ich selber nichts zu sagen, weil ich das selber nicht nutzte. Bei mir werden alle lokalen Webseiten ohne Probleme in NEO angezeigt, die stellt bei mir IP-Symcon als PHP Server, der NEO Remote zur Verfügung.
IP-Symcon zeichnet bei mir auch alle Daten der CCU auf und erstellt daraus automatisch animierte Graphen, die es dann NEO als Webseiten zur Verfügung stellt.

Irgendwas muss also NEO an der Art und Weise stören was NodeRed da zur Verfügung stellt.

Das sich Android und IOS bei der Darstellung von Webseiten teilweise unterschiedlich verhalten ist normal, das Verhalten hast Du ja auch so schon bei unterschiedlichen Browsern. Hier hängt es also primär davon ab ob die Seite so geschrieben wurde, das diese auch auf verschiedenen Browsern gleich aussieht.

Neuen Kommentar hinzufügen

Also die interne Webseite ist ein lokales Node-Red Dashboard, was auf der CCU läuft.
IP Adresse ist entsprechend https://192.168.XX.XX/addons/red/ui/#!/1
Alle Geräte, auf denen das Dashboard angezeigt werden soll, laufen auch auf 192.168.XX.0/24 also im gleichen Netzwerksegment.
Von meinem PC (gleiches NW Segment) aus komme auch auch ganz normal auf das Dashboard - an der Firewall liegt es also nicht.
Was tatsächlich der Fall sein kann ist, dass die Seite da es Node Red ist, nur auf JavaScript, bzw. OpenJS https://openjsf.org/ läuft...

Ich habe das gleiche Problem aber auch wenn ich die normale Login Startseite der CCU aufrufen will. Von daher schließe ich JS Probleme eher aus.
Wie erfolgt denn die Authentifizierung, wird da Basic Auth benutzt? Musst Du wenn Du Seite in einem Browser anzeigst Nutzer und Passwort angeben?
Basic Auth unterstützt NEO seit geraumer Zeit nicht mehr auch nicht das übergeben von Nutzerdaten eingebaut in die URL.
Wenn die Seite also abgesichert ist, muss in NEO ein User und Passwort per GET übergeben werden und vom Zielsystem dann ausgewertet werden, alles andere Unterstützt NEO selber nicht, bzw. dann müsste die Seite komplett ungesichert sein, was vielleicht auch nicht ideal ist.

Hast Du mal einen Test zur Anzeige in NEO gemacht mit irgendeiner anderen lokalen Webseite, die nicht von der CCU selber ausgegeben wird?
Okay, ich habe herausgefunden, woran es wohl liegt:
Webseiten, die ein eigen erstelltes Zertifikat haben, bringen, wenn man sie im Brower aufruft die bekannte Seite:
"Ihre Verbindung ist nicht privat.
Angreifer versuchen möglicherweise Ihre Informationen von <www.beispiel_webseite.com> zu stehlen (z. B. Kennwörter, Nachrichten oder Kreditkarten).
NET::ERR_CERT_AUTHORITY_INVALID"

In der Vorschau funktioniert das mit dem Anzeigen, da kann man dann wählen "Weiter zu unsicherer Seite".
In der App geht das wohl nicht, da wird dann diese Seite nicht angezeigt.

Gibts hier ein Workaround?
Das ist primär ein Frage der richtigen Netzwerkkonfiguration und kein Problem von NEO. Wenn Du HTTPS nutzten willst, brauchst Du auch ein gültiges SSL Zertifikat. Entweder wenn der DNS Server im Netzwerk liegt z.B. ein eigener Windows Server der Domain und SSL Zertifikatsserver ist, muss der DNS Server ein gültiges Zertifikat ausgeben oder Du musst ein gültiges SSL Zertifikat von einer globale Zertifizierungsstelle (CA) erwerben.

Alternative ist höchstens lokal kein HTTPS zu nutzten, sondern nur http, dann bekommst Du wenn Du selber kein gültiges Zertifikat besitzt auch keine Fehlermeldung.
Woher der SSL Fehler kommt weiß ich auch. Fakt ist halt, dass nur Webseiten, die diesen Fehler werfen, entsprechend nicht angezeigt werden.
Auf Android bekommt man in der App ein paar mehr Infos: Hab die Adresse jetzt mal explizit auf http://192.168.XX.YY:80/.... gesetzt. Da kommt dann ein ERR_BLOCKED_BY_RESPONSE raus...
Evtl. liegts an den iFrames?
https://stackoverflow.com/questions/20498831/refused-to-display-in-a-frame-because-it-set-x-frame-options-to-sameorigin/33777934#33777934
Nachtrag: PROT=http; PORT=80 und Native WebView=enabled funktioniert auf dem Android.
Selbe Remote iPhone: Fehlanzeige
Trifft das Verhalten denn nur mit NodRed auf oder auch einer anderen lokalen Internetseite, die Du lokal aufrufen kannst? Hast Du denn die Möglichkeit noch eine andere lokale Webseite in NEO zum testen bzw. zum Vergleich einzubinden?

Keine Ahnung was die Besonderheiten von NodeRed sind bzw. ob es in der Kombi Probleme gibt, kann ich selber nichts zu sagen, weil ich das selber nicht nutzte. Bei mir werden alle lokalen Webseiten ohne Probleme in NEO angezeigt, die stellt bei mir IP-Symcon als PHP Server, der NEO Remote zur Verfügung.
IP-Symcon zeichnet bei mir auch alle Daten der CCU auf und erstellt daraus automatisch animierte Graphen, die es dann NEO als Webseiten zur Verfügung stellt.

Irgendwas muss also NEO an der Art und Weise stören was NodeRed da zur Verfügung stellt.

Das sich Android und IOS bei der Darstellung von Webseiten teilweise unterschiedlich verhalten ist normal, das Verhalten hast Du ja auch so schon bei unterschiedlichen Browsern. Hier hängt es also primär davon ab ob die Seite so geschrieben wurde, das diese auch auf verschiedenen Browsern gleich aussieht.

Einbindung und Funktionsweise Webseite AIO Remote Neo

2Antworten

Mitarbeiterantwort

Antwort

Thema durchsuchen

Kürzlich aktive Mitglieder

Werkzeuge