====== Webfrontend ======
Hier werden verschiedene Konfigurationen für das Webfrontend beschrieben.

In der Grundkonfiguration gibt es 3 fhem WEB-GUIs, welche den Bildschirmgrößen angepasst sind.
Welche WEB-GUI geöffnet werden soll, steuert man über den Port in der aufzurufenden URL.
^ WEB-GUI ^ Port ^ Beschreibung ^
| WEB | 8083 | Ansicht für Web-Browser |
| WEBphone | 8084 | Ansicht für Smartphones |
| WEBtablet | 8085 | Ansicht für Tablets |
Man kann natürlich auf jedem Gerät jede GUI öffnen.

===== Authentifizierung =====
==== WebGUI ====
Damit man die fhem WebGUI nicht ohne Zugangssteuerung öffnen kann, müssen allen fhem FHEMWEB Attributen ein oder mehrere
Benutzer-Logins bekannt gemacht werden.
Dazu erstellt man sich zunächst eine Base64 verschlüsselte Zeichenkette aus Benutzer und Passwort
<code bash>echo -n <USER>:<PASSWORD>|base64</code>

Die daraus entstandene Zeichenkette kann dann jedem FHEMWEB Attribut hinzugefügt werden.
<code>attr <FHEMWEB_ATTRIBUT> basicAuth <ZEICHENKETTE></code>
Beispiel für Web-Authentisierung:
<code>attr allowed_web basicAuth <BASE64_CODED_PASSWORD></code>

==== Telnet ====
Ebenfalls für den Telnet-Zugang muss ein Passwort eingegeben werden.
Hier allerdings in unverschlüsselter Form.
<code>attr telnetPort password <PASSWORD></code>

Der Aufruf im Terminal lautet dann:
<code bash> telnet <HOSTNAME> 7072</code>

===== Web-Instanz-Attribute =====
Quelle: [[http://www.fhemwiki.de/wiki/Floorplan_Installations-Leitfaden]]
^ Attribut ^ Beschreibung ^
| smallscreen | Der Apple Vollbildmodus wird ermöglicht: Klicken Sie in Safari auf Zum Homescreen hinzufügen um ein Icon zu erhalten, mit dem Sie fhem bzw. Ihren floorplan im Vollbildmodus - also ohne URL-Leiste - öffnen. Dadurch wirkt Ihr floorplan wie eine eigenständige App. \\ Außerdem wird die Bildschirmdarstellung für kleine Displays optimiert. |
| touchpad | Wie smallscreen, optimiert für die Darstellung auf Tablet-PCs. |
| refresh | Aktualisiert die angezeigte Browser-Seite regelmäßig. |
| plotmode | Für Plots (Graphen) kann der plotmode geändert werden. Default ist SVG. |
| plotsize | Für Plots (Graphen) kann die Darstellungsgröße geändert werden. Diese wird automatisch durch die Attribute smallscreen und touchpad gesetzt. |
| webname | ändert die URL (default: /fhem) |
| redirectCmd | Wenn Sie die Schaltbefehle für ein Gerät in der URL zum Lernen betrachten möchten, setzen Sie dieses Attribut auf 0. Es wird dann die gesamte ausgewertete URL angezeigt. Default ist 1. |
| longpoll | Wenn Sie den Wert dieses Attributs auf 1 setzen (das ist auch der default), werden alle durch Icons dargestellten Schaltzustände einer bereits angezeigten Seite auch ohne ein "refresh" im Browser aktualisiert. \\ Dieses Attribut wirkt auch für alle floorplans, die unter dieser Webinstanz angezeigt werden. |


===== Anpassungen =====
  * Style: "dark" \\ <code>attr <FHEMWEB> stylesheetPrefix dark</code>
  * Menuentries: \\ <code>attr <FHEMWEB> menuEntries restart,cmd=shutdown+restart,update,cmd=update,updatecheck,cmd=update+check
</code>
  * Syntaxhighlightning: \\ <code>attr <FHEMWEB> JavaScripts codemirror/fhem_codemirror.js</code>
  * Konfiguration editieren einschalten \\ <code>attr <FHEMWEB> editConfig 1</code>