Zum Inhalt

QR-Codes

Der Datamatrix-Code ist ein universelles Mittel, um dynamische Links auf Webseiten zu erzeugen. Mit dem QR-Code wird ein String (=Zeichenkette) zweidimensional grafisch dargestellt. Sie können auf unterschiedliche Weise einfach erzeugt werden.

Beispiel 1: Text

Text

Beispiel 2: URL

URL

QR-Code pro Station

Ähnlich kurze Beschreibung der Funktionen wie virtualLab, die über jedes SnmartDevice erreichbar sein soll. Daher wird der iot4co2.fh-swf.de eingesetzt. Das Routing:

iot4co2.fh-swf.de/qr/?c=abc

Dabei wird der Endpoint /qr genutzt, um mit dem url-Parameter c einen Verweis-Code zu übertragen.

HTML + Javascript

In dem Verzeichniss qr wird eine index.htmlangelegt:

index.html 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="utf-8">
    <!-- Version 1 der json-Objekt Liste  -->
    <script src="shorturl_1.js"></script>


    <script language="JavaScript">
        const queryString = window.location.search;
        if (queryString.length > 0) {

            const urlParams = new URLSearchParams(queryString);
            if (urlParams.has('c')) {
                const page = urlParams.get('c');
                window.location.assign(url_lst[page]);
            }
        }
    </script>
    <!-- sicherer Rückfall -->
    <meta http-equiv="refresh" content="0;URL=info.html">
</head>

<body>
</body>

</html>

In der Javascript-Datei stehen die Code-url-Bezeihungen als Key-Values-Paare. So wird in dem JS der Zugriff auf die tatsächliche URL und dem übertragenden Code c=abs sehr einfach:

shorturl_1.js 
1
2
3
4
5
6
let url_lst = {
    "a1": "https://www.wgs-eg.de/VirtualLab/Thermodynamik",    
    "a2": "../test.html",
    "a3": "",
    "a4": "",
};

Der Aufruf von url_lst["a2] liefert "../test.html".

Python-Server