FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Frank_S am 07 April 2020, 17:27:45

Titel: TabletUI wird bei https://... falsch dargestellt
Beitrag von: Frank_S am 07 April 2020, 17:27:45
Hallo Mitstreiter(innen),
zum Testen habe ich eine Demo installiert, die im lokalen Netz auch korrekt dargestellt wird. Mittels nginx (Reverse-Proxy) leite ich meine Domain von https auf http um. Nun erscheinen alle Widgeds oben links in der Ecke. Sowohl mit Mozilla oder Chrome. Nur der alte Internet-Explorer stellt die Seite richtig dar. Auch ftui_snippet-tester.html wird über https falsch dargestellt.
Woran könnte das liegen?

Danke für die Hilfe

Frank
Titel: Antw:TabletUI wird bei https://... falsch dargestellt
Beitrag von: amenomade am 07 April 2020, 20:11:15
Solche Proxies/Reverseproxies machen oft Probleme. Guck mal alle Threads über Apache https...
Die beste Lösung ist in der Regel, FHEM auf HTTPS umzustellen, und dann FTUI auch. Der Proxy macht dann keine Protokolländerung.

Irgendein Javascript wird nicht ordentlich geladen, bzw. ruft eine Komponente nicht ordentlich. Guck in der Log des Browsers (F12) was für Fehlermeldungen kommen.
Titel: Antw:TabletUI wird bei https://... falsch dargestellt
Beitrag von: gandy am 09 April 2020, 13:42:45
Die Konfiguration hat mir auch lange Kopfschmerzen bereitet. Am Ende kam ich zu folgender Apache-Konfiguration, die bei mir zuverlässig funktioniert:


        <Location /fhem>
                ProxyPass http://[fd00::aaaa:bbbb:cccc:dddd]:8088/fhem
                ProxyPassReverse https://themaxx.feste-ip.net:48588/fhem
                ProxyHTMLURLMap /        /fhem/
                ProxyHTMLURLMap /fhem/     /fhem/
                AuthType Basic
                AuthName "Proxy to FHEM"
                AuthUserFile /etc/apache2/fhem-htpasswd
                Require valid-user
                Order deny,allow
                Allow from all
        </Location>


Dazu eine eigene Instanz WEBctl in FHEM ohne Authentication:

define WEB6ctl FHEMWEB IPV6:8088 global
attr WEB6ctl CORS 1
attr WEB6ctl SVGcache 1
attr WEB6ctl allowfrom .+
attr WEB6ctl csrfToken none
attr WEB6ctl endPlotNow 1
attr WEB6ctl endPlotToday 1
attr WEB6ctl iconPath $styleSheetPrefix:default:fhemSVG:openautomation
attr WEB6ctl longpoll 1
attr WEB6ctl longpollSVG 1
attr WEB6ctl plotfork 1
attr WEB6ctl plotmode SVG
attr WEB6ctl plotsize 600,200
attr WEB6ctl redirectCmds 1


Das macht FHEM im lokalen Netz sehr offen, sollte also nach den eigenen Bedürfnissen angepasst werden. FHEM läuft bei mir auf einem eigenen Rechner, der direkt nicht von außen zu erreichen ist. Um FHEM zu entlasten, wird der statische Teil meiner Tablet UI direkt von Apache ausgeliefert.

Hoffe das hilft, Grüße,
Andy.
Titel: Antw:TabletUI wird bei https://... falsch dargestellt
Beitrag von: jbraeu am 09 April 2020, 16:11:05
Chromium hat 68% Marktanteil und proxys waren noch nie für Entwicklungsumgebungen gedacht  8)