studyklar
IProg · Skript 1 · Abschnitt 3

Clientseitig und serverseitig

Eine dynamische Webseite braucht Programme. Die Frage ist: Wo laufen sie, im Browser oder auf dem Server? Hier stehen beide Möglichkeiten und der Ablauf einer Anfrage. Rechts entsteht das Bild dazu. Mit Weiter geht es Schritt für Schritt voran.

Worum es geht

Skript 01, Folien 17–25: clientseitige und serverseitige Anwendungen, der Ablauf.

Dynamische Seiten reagieren auf den Benutzer: Sie nehmen Eingaben an und verarbeiten sie. Dafür laufen Programme. Die Frage dieses Abschnitts: Wo laufen diese Programme, und was folgt daraus?

Aus Skript 01, Folie 17: Dynamische Seiten bieten Interaktion, Eingabe und Verarbeitung durch eingebundene Programme oder Skripte. Zum Ausführen genügt ein Browser.

So gehen wir vor:

  1. Client und Server unterscheiden.
  2. Ansehen, was clientseitige Programme können.
  3. Ansehen, was serverseitige Programme können.
  4. Eine Anfrage an den Server in drei Schritten verfolgen.
  5. Zum Schluss eine Frage im Stil der Klausur.

Client und Server

  • Client: Rechner des Benutzers mit Web-Browser, fragt an
  • Server: Rechner mit Web-Server, antwortet
  • dazwischen: HTTP

Im Web gibt es zwei Seiten. Der Client („Kunde“) ist der Rechner des Benutzers mit seinem Browser. Er fragt nach einer Seite. Der Server („Diener“) ist der Rechner, auf dem die Seite liegt. Er antwortet.

Beide sprechen dasselbe Protokoll: HTTP (Hypertext Transfer Protocol). Wie eine solche Anfrage genau aussieht, zeigt Skript 01 ab Folie 29.

Programme können auf dem Client laufen, auf dem Server oder auf beiden. Moderne Anwendungen nutzen in der Regel beides.

Clientseitige Anwendungen

Skript · Folie 19

Clientseitige Skripte werden durch den Browser ausgeführt. Sie ermöglichen die Berücksichtigung des Browser-Typs und die direkte Reaktion auf Benutzerverhalten (Maus). Realisierung: JavaScript bzw. ECMAScript.

Ein clientseitiges Skript schickt der Server mit der Seite mit. Ausgeführt wird es aber erst im Browser, auf dem Rechner des Benutzers.

Der Vorteil: Das Skript reagiert sofort, ohne neue Anfrage an den Server. Es kann etwa ein Bild wechseln, wenn die Maus darüber fährt. Folie 20 zeigt einen Farbwähler: Man gibt Werte für Rot, Grün und Blau ein und klickt „Farben anzeigen“. Die Farbe erscheint, ohne dass der Server gefragt wird.

Die Sprache dafür ist JavaScript. Ihr Standard heißt ECMAScript.

Richtigstellung: Die Folie schreibt „ECMAScript (seit 2011)“. Den Standard gibt es seit 1997; 2011 erschien Version 5.1. Die Folie nennt auch Java Applets. Diese laufen in heutigen Browsern nicht mehr.

Noch 7 Schritte bis zum Ergebnis
Den ganzen Lösungsweg sehen Studierende und Lehrende der HS KL. Registriere dich mit deiner Adresse @stud.hs-kl.de oder @hs-kl.de, dann geht es hier direkt weiter.
Registrieren

Abbildung 1Wo Programme laufen

ClientWeb-Browser
HTTPProtokoll zwischen beiden
ServerWeb-Server
Legendegerade gemeintLinks der Client, rechts der Server, dazwischen HTTP.