Tablet UI -Icons mal da , mal nicht

[matzemoerk]

Mir kommt es nicht wirklich flüssiger vor.

[Stril]

Hallo!

Irgendwie komme ich hier nicht richtig weiter. Ich versuche auch alles über einen Apache abzuwickeln:

• Apache installiert
• /opt/fhem/www nach /var/www/html kopiert
• index.html angepasst - <meta name="fhemweb_url" content="http://IP:8083/fhem"> 

Jetzt öffnet zwar die Tablet-UI, aber sie funktioniert nicht, weil sie scheinbar nicht zu FHEM richtig verbinden kann. Die JavaScript-Konsole zeigt:

Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf http://10.10.9.11:8083/fhem?....

Wie habt ihr das gelöst?

Bisher habe ich es über ModProxy gelöst, dass alles vom gleichen Host kommt:

Code Auswählen Erweitern


ProxyPass /fhem/tablet !
ProxyPass /fhem/ !
ProxyPass /fhem http://127.0.0.1:8083/fhem
ProxyPassReverse /fhem http://127.0.0.1:8083/fhem
[/code>

...aber es fehlen immer noch manchmal die Wetter Icons.


Grüße
Phil

[matzemoerk]

Versuch mal:
attr WEB CORS 1

Grüße,
Matthias

[Stril]

Hallo!

Mit CORS=1 sind die Fehler weg. Die allgemeine Performance scheint mit mit dem Apache-Server deutlich besser zu sein.

Ich teste jetzt mal weiter, aber aktuell scheinen auch die Icons alle geladen zu werden - auch vom Wetter.
Nur die Uhrzeit (scheinbar ein sehr komplexes Element) kommt manchmal 2-5 Sekunden verzögert
Grüße
Phil

[Doggiebert]

ohja, den CORS hab ich auch gesetzt...

[Depechem]

würdet ihr so nett sein alle Schritte(Copy Paste) für den Apache Server im Raspberry in FHEM hier reinzustellen.

[majorshark]

Hallo.

Da ich mich mit den gleichen Problemen (reload Fehler, fehlende Buttons und Werte) rumgeschlagen habe, habe ich jetzt den Apache dazwischen gehangen.

Ergebniss:
Die Performance ist deutlich besser und auch die Problem mit fehlenden Buttons oder das ganze Templates nicht angezeigt werden sind nun weg. Meine Navigationsbar hatte dabei zum Beispiel immer eine Höhe von 0px und kam erst nach mehrmaligen Refresh wieder zum Vorschein.
Der Umstieg lohnt sich also in jedem Fall.

Danke an alle die wieder dazu beigetragen haben eine Lösung zu suchen.

[majorshark]

würdet ihr so nett sein alle Schritte(Copy Paste) für den Apache Server im Raspberry in FHEM hier reinzustellen.

Da sollte der Apache doch schon laufen. Mal versuchen die Satndardseite aufzurufen. Einfach mal die IP des FHEM (ohne Portnummer) in den Browser eingeben. Wenn die Willkommensseite angezeigt wird läuft schon alles.

[Depechem]

Da sollte der Apache doch schon laufen. Mal versuchen die Satndardseite aufzurufen. Einfach mal die IP des FHEM (ohne Portnummer) in den Browser eingeben. Wenn die Willkommensseite angezeigt wird läuft schon alles.

wenn ich die IP Adresse meines Raspberry eingebe(aber aus der Ferne über DYNDNS Adresse da ich nicht daheim bin) wird mir nur ein weißeses Fenster angezeigt. In der Browserleiste steht "...../index.asp

[majorshark]

Hm. Das ist sicher nicht richtig. ".asp" Dateien liefert ein Microsoft Server aus. (Active Server Pages) Das scheint was mit der Portweiterleitung in deinem Router nicht in Ordnung zu sein. Ich würde das erst einmal vor zu Hause im Heimischen Netz testen. Die Einrichtung von außen als nächsten Step in Angriff nehmen.

[Depechem]

ok werde ich tun sobald ich wieder daheim bin.

den Ordner in /var/www/html index.html gibt es auf alle Fälle schon.

Nun müsste ich den kompletten Tabelt Ordner in den Ordner html bringen!? Kann ich den Ordner Tablet nicht an alter Stelle in FHEM lassen und eine verlinkung auf den Ordner machen!? (wenn ja wie?)
Was muss ich jetzt noch alles in FHEM und FTUI einhämmern?

[majorshark]

den Ordner in /var/www/html index.html gibt es auf alle Fälle schon.

Genau. Dort habe ich eine symbolische Verknüpfung auf die eigentliche Installation des FTUI-Ordners und des PGM2-Ordners erstellt. Ich denke das diese Variante besser ist, weil damit bei einem FTUI Update auch alles geupdatet wird und man muss nichts mehr nach /var/www kopieren.
Alledings steht bei mir die index.html im Verzeichniss /var/www . Dort­hi­n­ein habe ich auch die beiden symbolischen Verknüpfungn gelegt.

Mit 

Code Auswählen Erweitern

ln -s [ziel] [name der verlinkung]
Bsp:
sudo ln -s /opt/fhem/www/tablet /var/www/tablet

kann der Link erstellt werden.

Anschließend werden nur noch die Pfadangaben für die Scripte und die CSS Dateien in der index.html des FTUI angepasst. Ggf. noch die Pfadangaben zum Hintergrundbild in der entsprechenden CSS.

Code Auswählen Erweitern

<script src="/pgm2/jquery.min.js" defer></script>
<script src="./lib/jquery.toast.min.js" defer></script>
<script src="./lib/jquery.gridster.min.js" defer></script>
<script src="./js/fhem-tablet-ui.min.js" defer></script>
<script src="./js/majorshark.js" defer></script>
<script src="./lib/jquery.circlemenu.js" defer></script>

<link rel="stylesheet" href="./lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="./css/fhem-tablet-ui-marko.css" />
<!-- <link rel="stylesheet" href="./css/fhem-tablet-ui.css" /> -->
<link rel="stylesheet" href="./lib/font-awesome.min.css" />
<link rel="stylesheet" href="./lib/jquery.toast.min.css" />
<link rel="stylesheet" href="./lib/openautomation.css" />


Viel Erfolg.

[Depechem]

Hallo Frank, ich brauche nochmal deine Hilfe,

auf den Apache komme ich nun mit meiner IP.
Ich habe dann

Code Auswählen Erweitern

sudo ln -s /opt/fhem/www/tablet /var/www/html/tablet
&

Code Auswählen Erweitern

sudo ln -s /opt/fhem/www/pgm2 /var/www/html/pgm2
ausgeführt.
die Verlinkung finde ich auch in Filezilla.

Dann habe ich die index.html so angepasst.

Code Auswählen Erweitern

<link rel="stylesheet" href="./lib/jquery.gridster.min.css" />
        <link rel="stylesheet" href="./css/fhem-tablet-ui.css" />
        <link rel="stylesheet" href="./lib/font-awesome.min.css" />
<link rel="stylesheet" href="./lib/openautomation.css" />
<link rel="stylesheet" href="./lib/fhemSVG.css" />
        <link rel="stylesheet" href="./lib/jquery.toast.min.css" />
        <link rel="stylesheet" href="./lib/powerange.min.css" />


        <script type="text/javascript" src="../pgm2/jquery.min.js" defer></script>
        <script type="text/javascript" src="./lib/jquery.knob.mod.min.js" defer></script>
        <script type="text/javascript" src="./lib/jquery.toast.min.js" defer></script>
        <script type="text/javascript" src="./lib/jquery.circlemenu.js" defer></script>
        <script type="text/javascript" src="./lib/powerange.min.js" defer></script>
        <script type="text/javascript" src="./lib/jquery.gridster.min.js" defer></script>
        <script type="text/javascript" src="./lib/fa-multi-button.min.js" defer></script>
        <script type="text/javascript" src="./js/fhem-tablet-ui.js" defer></script>
        <script type="text/javascript" src="../pgm2/cordova-2.3.0.js" defer></script>
        <script type="text/javascript" src="../pgm2/webviewcontrol.js" defer></script>

alle html Seiten sind unter

Code Auswählen Erweitern

/opt/fhem/www/tablet
die Ordner "css,fonts,images,js,lib" sind unter

Code Auswählen Erweitern

/opt/fhem/www/tablet
der pgm2 Ordner ist unter

Code Auswählen Erweitern

/opt/fhem/www

Tablet UI ist weiterhin unter WEB wie früher aufrufbar.
aber über den Apache "http://ip/tablet/#index.html wird mir zwar die Seite angezeigt aber die meisten Widgets fehlen. Es werden nur Switches angezeigt, kein Wetter oder andere dinge, siehe Anhang. "Disconnected from FHEM"
Also passt warscheinlich etwas mit der Verlinkung nicht.
Kann du mal bitte schauen wo der Fehler sein könnte!?
oder muss ich an anderer Stelle noch etwas eintragen(z.B.: in der fhem.cfg oder damit etwas machen?

Code Auswählen Erweitern

<meta name="fhemweb_url" content="http://IP:8083/fhem"> 

Code Auswählen Erweitern

attr WEB CORS 1

Gruß Thomas

[majorshark]

Also passt warscheinlich etwas mit der Verlinkung nicht.

Ich denke das die Einbindung nicht passt

Code Auswählen Erweitern


<script type="text/javascript" src="../pgm2/jquery.min.js" defer></script>
Probier mal
<script type="text/javascript" src="/pgm2/jquery.min.js" defer></script>


Du kannst auch wunderbar im Chrome die Seite Aufrufen und mit der Taste F12 die Fehler und Verlinkungen sehen.

Grüße

[Depechem]

Ohne .. Habe ich auch getestet dann läd er scheinbar die pgm2 gar nicht, da dann nur noch die Hintergrundfarbe und alle labels untereinander angezeigt werden