Qgelm

Zuletzt angesehen:

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Nächste Überarbeitung		Vorherige Überarbeitung
schulung:http_dynamisch [2022/01/15 12:22] – angelegt Thomasschulung:http_dynamisch [2022/01/31 15:53] (aktuell) – [Beispiel] Thomas
Zeile 1: Zeile 1:
 ====== HTTP dynamisch bis hin zum Application Server====== ====== HTTP dynamisch bis hin zum Application Server======
 +
 +===== Dynamik im Server... =====
 +
  
 Wenn ein Server nicht stumpf Ressourcen ausliefert (also z.B. einen Request 1:1 mit einer bestimmten Datei beantwortet), dann beginnt Dynamik. Wenn ein Server nicht stumpf Ressourcen ausliefert (also z.B. einen Request 1:1 mit einer bestimmten Datei beantwortet), dann beginnt Dynamik.
Zeile 5: Zeile 8:
 Dazu kann er  Dazu kann er 
  
-a) die URL im Request programmatisch auswerten und +  * die URL im Request programmatisch auswerten und 
- +  * sich zu einem bestimmten Client den //Zustand// merken (z.B. über Cookies).
-b) sich zu einem bestimmten Client den //Zustand// merken (z.B. über Cookies).+
  
 Werden die Zustände bestimmter Clients auch über Sitzungen hinweg gespeichert (in einer Datenbank) oder folgen Requests/Response einer programmatischen Ablauflogik, dann mutiert der Webserver allmählich zum //Application Server//. Werden die Zustände bestimmter Clients auch über Sitzungen hinweg gespeichert (in einer Datenbank) oder folgen Requests/Response einer programmatischen Ablauflogik, dann mutiert der Webserver allmählich zum //Application Server//.
  
 Die "programmatische" Auswertung der URL eines Requests wurde schon in einem früheren Kapitel angedeutet.  Die "programmatische" Auswertung der URL eines Requests wurde schon in einem früheren Kapitel angedeutet. 
 +
 +===== ... und im Client. =====
 +
 +Der Browser kann natürlich auch dynamisch sein und nicht nur die HTML Seite gut darstellen,
 +
 +Unter anderem gibt es mit //JavaScript// eine Möglichkeit, wie in das HTML-Dokument Code eingebettet werden kann, der nach Aufbau der HTML-Darstellung durch den Browser interpretiert wird und mit dem
 +
 +  * der Inhalt der Darstellung oder die Form der Webseite nachträglich/fortlaufend verändert werden kann,
 +  * der Nutzer der Webseite interagieren kann oder
 +  * im Hintergrund weitere Ressourcen vom Webserver abgefragt und in die aktuelle Webseitendarstellung eingebaut werden kann.
 +
 +===== Beispiel =====
 +
 +
 +(ein zugegeben etwas einfältiges...)
 +
 +__Szenario__: Die Webseite soll die **Uhrzeit** anzeigen!
 +
 +  * **Lösungsversuch1**: Statischer Webserver liefert //uhrzeit.html// aus. Dann stimmt die Uhrzeit genau einmal pro Tag :-)
 +<code html>
 +<html>
 +    <body>
 +12:05:31
 +    </body>
 +</html>
 +</code>
 +
 +  * **Lösungsversuch 2**: Dynamischer Webserver liefert die Uhrzeit zum Zeitpunkt des Request/Response aus: https://app.qgelm.de/clock
 +
 +Der kleine Teil des Programmcodes sieht dann wie folgt aus (das ganze ist eingebettet in ein Python Web-Application-Framework namens //web2py//):
 +<code python>
 +import datetime
 +
 +# ---- index page ----
 +def index():
 +    clock = datetime.datetime.utcnow().strftime("%H:%M:%S")
 +    return dict(message=clock)
 +
 +</code>
 + 
 +  * **Lösungsversuch 3**: Statischer Webserver liefert JavaScript-Code dazu aus: http://schulung.qgelm.de/uhrzeit.html
 +<code html>
 +<!DOCTYPE html>
 +<html>
 +
 +<body onload="startTime()">
 +
 +<div id="clock"></div>
 +
 +<script>
 +function startTime() {
 +    const today = new Date();
 +    let hh = today.getHours();
 +    let mm = today.getMinutes();
 +    let ss = today.getSeconds();
 +     hh = (hh < 10) ? "0" + hh : hh;
 +     mm = (mm < 10) ? "0" + mm : mm;
 +     ss = (ss < 10) ? "0" + ss : ss;
 +
 +    document.getElementById('clock').innerHTML =  hh + ":" + mm + ":" + ss;
 +    setTimeout(startTime, 1000);
 +  }
 +</script>
 +
 +</body>
 +</html>
 +
 +</code>
 +
 +----
 +
 +[[schulung:htcp|HTTP Erweiterung...]]
 +
 +oder [[schulung:browser_und_server|Zurück zum Anfang]]
Zuletzt geändert: 2022/01/15 12:22
CC Attribution-Noncommercial-Share Alike 4.0 International Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Noncommercial-Share Alike 4.0 International