TabletUI auf Webserver auslagern

Ruckzuck · 24 Februar 2022, 16:02:38

Hallo,

ich versuche mich gerade daran TabletUI auf einem abgesetzten Raspberry ans Laufen zu bekommen. Auf dem Raspberry läuft ein ngnix Webserver. soweit mein Stand:
Webserver läuft
der Ordner /tablet und alle Unterordner liegen im Verzeichnis /var/www/
das root Verzeichnis in der ngnix config ist geändert auf /var/www/tablet
die beispielhafte index.html (die umbenannte example-index.html) steht im Verzeichnis /tablet zur Verfügung und wird im Webserver grundsätzlich angezeigt.

Leider fehlt die Formatierung, bzw. die Widgets. Im ersten Schritt ist mir jetzt erstmal nicht ganz klar, ob der Verweis auf die Unterordner evtl. fehlt, oder ob noch weitere Tools auf dem Raspberry installiert werden müssten, die bei Fhem evtl. automatisch dabei sind. Auf dem Repository sind ja einige Requirements genannt:

Requires
jQuery v1.7+
font-awesome http://fortawesome.github.io/Font-Awesome
jquery.gridster http://gridster.net
jquery.toast
and more All requires are included in the lib folder.

Ist jemand so nett und umreißt mir mal was zu tun ist?

Vielen Dank

SirMarco · 24 Februar 2022, 19:36:21

Hallo

Hast du

Code Auswählen


<!-- when serving the page with other web servers, e.g. lighttpd -->
    <meta name="fhemweb_url" content="http://fhem:8083/fhem/">

Im head?
Gruss

Ruckzuck · 24 Februar 2022, 20:45:09

Hi,
ja die URL zu FHEM habe ich gesetzt. Aber mein Eindruck ist gerade, dass mein Problem zunächst lokal bei der eigentlich Darstellung des Ganzen liegt

Ruckzuck · 25 Februar 2022, 08:11:41

Hi,
anbei mal ein Screenshot davon, wie die Seite bei mir im Browser dargestellt wird

SirMarco · 25 Februar 2022, 10:38:00

Zeig uns doch einmal den head der index.html

Grüsse

Ruckzuck · 25 Februar 2022, 12:26:22

Code Auswählen

<!DOCTYPE html>
<html>

<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.5.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->
    <link rel="icon" href="favicon.ico" type="image/x-icon" />

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->

    <script src="js/fhem-tablet-ui.js" defer></script>
    <meta name="fhemweb_url" content="http://192.168.2.207:8083/fhem/">


    <!-- Remove this line to enable for usage with WebViewControl
    <script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <script src="../pgm2/cordova-2.3.0.js" defer></script>
    <script src="../pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

    <title>FHEM-Tablet-UI</title>
</head>

mal losgelöst von dem header, würde ich erwarten, dass der Webserver das UI auch ohne Verbindung zum FHEM-Server richtig zur Anzeige bringt. Wo ich etwas unsicher bin, ist ob der Webserver auch die Unterordner richtig einbezieht.

meine Config vom ngnix sieht so aus:

Code Auswählen

      
server {
        listen 80 default_server;
        listen [::]:80 default_server;

        # SSL configuration
        #
        # listen 443 ssl default_server;
        # listen [::]:443 ssl default_server;
        #
        # Note: You should disable gzip for SSL traffic.
        # See: https://bugs.debian.org/773332

        #
        # Read up on ssl_ciphers to ensure a secure configuration.
        # See: https://bugs.debian.org/765782
        #
        # Self signed certs generated by the ssl-cert package
        # Don't use them in a production server!
        #
        # include snippets/snakeoil.conf;

        root /var/www/tablet;

        # Add index.php to the list if you are using PHP
        index index.html index.htm index.nginx-debian.html;

        server_name _;

        location / {
                # First attempt to serve request as file, then
                # as directory, then fall back to displaying a 404.
                try_files $uri $uri/ =404;
        }

        # pass PHP scripts to FastCGI server
        #
        #location ~ \.php$ {
        #       include snippets/fastcgi-php.conf;
        #
        #       # With php-fpm (or other unix sockets):
        #       fastcgi_pass unix:/run/php/php7.4-fpm.sock;
        #       # With php-cgi (or other tcp sockets):
        #       fastcgi_pass 127.0.0.1:9000;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #       deny all;
        #}
}

Ruckzuck · 01 März 2022, 16:01:19

Hallo,

zwischenzeitlich habe ich die Debug Console des Browsers entdeckt. Hier habe ich zwei Fehler, die ich aber wieder nicht deuten kann. Ein Screenshot anbei.