11. Rechnernetze und Internet

Transkript

1 11. Rechnernetze und Internet OSI 7-Schichtenmodell Verteilte Anwendungen, allgemeines Client-Server-Modell Sockets und benannte Pipes als Kommunikationsschnittstellen WWW ein klassisches Client-Server-System (C/S) HTTP als Verbindungsprotokoll Architektur von Web-Anwendungen Peter Sobe 1 Rechnernetze und Internet Die Vernetzung verschiedener Rechner und der darauf ablaufenden Anwendungen baut auf verschiedenen Funktionen auf, die zu einem Teil als Hardware, zum anderen als Software im Betriebssystem realisiert sind. Auch die Anwendungsprogramme tragen durch gezielte Anwendung von Netzfunktionen zum Funktionsumfang der Vernetzung bei. Hardware Systemsoftware Anwendungsprogramme Netzwerkkabel, Netzwerkkarte, Router/Switch, TCP/IP Protokolle, Schnittstellen, Verschlüsselung, Webbrowser, eigene programmierte Server- und Clientprogramme, Peter Sobe 2

2 Ein einfaches 4-Schichten-Modell Angelehnt an TCP/IP mit Internetschicht und Transportschicht Rechner 1 logischer Datenaustausch Rechner Anwendungsschicht Transportschicht http, ftp, smtp, pop,... TCP 3 4 Anwendungsschicht Transportschicht http, ftp, smtp, pop,... TCP 2 Internetschicht IP 2 Internetschicht IP 1 Netzzugangsschicht 1 Netzzugangsschicht realer Datenaustausch mit elektr. Signalen Peter Sobe 3 OSI Modell (1) OSI-Referenzmodell: Open Systems Interconnection Reference Model Eingeführt 1983 von der ISO (Internationale Normungsorganisation) Zu dieser Zeit existierte TCP/IP bereits, das bis dahin durch ein 4-Schichtenmodell erklärt wurde. Ein Schichtenmodell ordnet verschiedenen Netzwerk-Techniken jeweils eine Schicht zu. Die oberen Schichten bauen auf der Funktionalität und den Schnittstellen der unteren Schichten auf. Peter Sobe 4

3 OSI Modell (2) Peter Sobe 5 OSI Modell (3) 1: Bitübertragungsschicht umfasst mechanische und elektrische Elemente, das Übertragungsmedium und die übertragungstechnischen Verfahren 2: Sicherungsschicht - Techniken zum Zugriff auf das Übertragungsmedium, Datenflusskontrolle, Fehlererkennung und Fehlerkorrektur 3: Vermittlungsschicht Weiterleitung der Datenübertragung über ein Kommunikationsnetz aus mehreren Leitungssegmenten und Schaltstellen (Router) 4: Transportschicht Ende-zu-Ende-Steuerung für Datenströme Peter Sobe 6

4 OSI Modell (4) 5: Sitzungsschicht synchronisierter Datenaustausch, weitere Mechanismen wie z.b. RPC (Remote Procedure Call) 6: Darstellungsschicht Herstellung einer systemunabhängigen Darstellung der Daten, ggf. Anpassung an verschiedene Darstellungsformate, Zusätzlich: Datenkompression und Verschlüsselung 7: Anwendungsschicht verschiedene Anwendungen, wie z.b. Dateitransfer (SCP,FTP), , Webserver/Webbrowser Peter Sobe 7 Client-Server-Modell Wir betrachten zwei Rechner, die über das Netz verbunden sind. Auf jedem Rechner läuft eine Anwendung, die beide miteinander kooperieren, d.h. Daten austauschen. Eine Anwendung wird als Server bezeichnet, die andere als Client. Der Server stellt einen Dienst bereit und der Client ist die Anwendung, die den Dienst in Anspruch nimmt. Gefordert: Ein Protokoll, das bestimmt wie der Datenaustausch zwischen Server und Client funktioniert. Zeitliche Abfolge der Nachrichten und Regeln für Client und Server Inhalt und Format der einzelnen Nachrichten Peter Sobe 8

5 Client-Server-Modell Werden im Internet Dienste von allgemeinem Interesse zur Verfügung gestellt, müssen die Protokolle publiziert werden. Oft werden dann auch Clients zur Verfügung gestellt, über die solche Dienste genutzt werden können. Zugangspunkte für Dienste (Adressen) müssen bekannt sein: Adresse des Servers (IP-Adresse) Unterscheidung der Zugangspunkte, wenn ein Server mehr als einen Dienst bereit stellt (Port) Die Adressierung ist Aufgabe der Vermittlungsschicht (Schicht 3, Network Layer) im OSI-Modell IP-Schicht (Internet Schicht) im TCP/IP-Schichtenmodell Peter Sobe 9 Client-Server-Modell Adressierung der Server Ein Dienst wird mit einer so genannten Portnummer versehen. Portnummer und Rechner (IP-Nummer) bilden ein Socket und sind im Internet eindeutig definiert. Damit gelingt es beim Datenversand im Internet durch TCP das Ziel der Daten, den Server, eindeutig zu adressieren. Server: IP-V4-Adr.: WWW-Server an Port 80 FTP-Server an Ports 20,21 Peter Sobe 10

6 Client-Server-Modell Adressierung der Clients Ein Client wird durch seine IP-Adresse ausgewiesen. Jede Verbindung wird clientseitig einem anderem Port zugeordnet. Damit kann der Client mehrere Verbindungen gleichzeitig aufrecht erhalten. Ports für Client-Prozesse werden durch Portmapper dynamisch vergeben. Der Client-Port wird dem Server beim Verbindungsaufbau mitgeteilt. Eine TCP-Verbindung (Socket-Verbindung) ist demnach durch das 4-Tupel (Server-IP-Addr, Server_Port, Client-IP-Addr, Client-Port) gekennzeichnet. Peter Sobe 11 Client-Server-Modell Szenarien (1) Ein Server, mehrere Clients: Server Server-IP-Adr, Server-Port C2-IP-Adr, C2-Port Clients C1-IP-Adr, C1-Port C3-IP-Adr, C3-Port Wenn Clients auf unterschiedlichen Rechnern laufen, dann unterscheiden sich C1-IP-Adr, C2-IP-Adr und C3-IP-Adr. Wenn Clients auf dem gleichen Rechner laufen (z.b. mehrere Nutzer), dann unterscheiden sich ihre Port-Nummern, z.b. C2-Port C1-Port Peter Sobe 12

7 Ein Client, mehrere Server: Client-Server-Modell Szenarien (2) Server S1-IP-Adr, S1-Port Client Client-IP-Adr, Client-Port S2-IP-Adr, S2-Port Wenn Server auf unterschiedlichen Rechnern laufen, dann unterscheiden sich S1-IP-Adr und S2-IP-Adr. Wenn verschiedene Server auf dem gleichen Rechner laufen, dann unterscheiden sich ihre Port-Nummern, z.b. S2-Port S1-Port. Nachrichten unterschiedlicher Verbindungen sind immer unterscheidbar. Peter Sobe 13 TCP und UDP (1) TCP (Transmission Control Protocol) Verbindungsorientiertes Protokoll aus OSI Schicht 4 setzt Adressierung und Paket-Vermittlung voraus (IP) arbeitet intern wie dargestellte Socket- und Pipe- Kommunikation TCP garantiert Reihenfolge der Daten und Fehlerfreiheit bei verlorenen Paketen werden diese wiederholt übertragen Auf TCP bauen viele Internetdienste auf, z.b. HTTP, FTP Peter Sobe 14

8 TCP und UDP (2) UDP (User Datagram Protocol) ist das verbindungslose Pendant zu TCP. Das verbindungslose UDP kann schneller sein. setzt Adressierung und Paket-Vermittlung voraus (IP) einzelne Pakete werden übertragen, ohne explizite Verbindung keine Reihenfolgegarantie Pakete können verloren gehen einige Dienste, wie z.b. Audio-Streaming verwenden UDP Peter Sobe 15 Client-Server-Kommunikation per Socket-Verbindung (1) Eine Socket-Verbindung ist eine verbindungsorientierte Kopplung zwischen zwei Prozessen, typischerweise einem Server und einem Client. Die Verbindung wird explizit aufgebaut, danach kann bidirektional kommuniziert werden. Die Verbindung wird geschlossen, wenn sie nicht mehr benötigt wird. Vergleichbar mit Telefongespräch! Prozess-1 Prozess-2 Peter Sobe 16

9 Client-Server-Kommunikation per Socket-Verbindung (2) Phasen einer Socket-Verbindung als Sequenz-Diagramm Server Client es = socket () s = socket () bind (es, address) Angabe des Ports listen(es) connect(s, address) IP-Adresse und Port s = accept(es) write(s, ) read(s, ) write(s, ) close(s) read(s, ) write(s, ) read(s, ) close(s) Peter Sobe 17 Client-Server-Kommunikation per Socket-Verbindung (3) Der Server bindet eine Dienst an einen bekannten Port (bind) und akzeptiert Verbindungen (accept). Ein Client verbindet sich mit einem Dienst an einem bekannten Port (connect). Beide Prozesse können Daten senden und empfangen. Funktionen: write() / read() oder send() / recv() Welcher Prozess wann sendet und wann empfängt, muss durch das Protokoll zwischen Server und Client vorab vereinbart worden sein. Ein Server erzeugt typischerweise nach dem Annehmen einer Verbindung (accept) einen neuen Thread für die Verbindung. Der verbleibende Thread nimmt wieder neue Verbindungen an (Multi-Client Server). Peter Sobe 18

10 C-Quellcode des Server-Programms (1) Server source code (C language, important parts only): int entry_sock; entry_sock = socket(af_inet,sock_stream,0); /*connect sock_address with local address and a unique port */ sock_address.sin_port = htons( (unsigned short int)(port_base + process_id*proc_inc)); sock_address.sin_addr.s_addr = INADDR_ANY; // everyone may connect sock_address.sin_family = AF_INET; rc = bind(entry_sock, (void*)&sock_address, sizeof(sock_address)); P. Sobe 19 Quellcode des Server-Programms (2) Server source code (C language, important parts only) continued: listen(entry_sock, BACKLOG); do { // wait for a new connection addrlen = sizeof(client_sock_address); new_sock = accept(entry_sock, (void*)&client_sock_address, &addrlen ); /* connection_fun starten */ params_not_copied=1; pthread_create(&connection_thread,null,(void*)&connection_fun,null); /* wait for thread until parameters got copied*/ do { } while(params_not_copied); } while(1); P. Sobe 20

11 Quellcode des Server-Programms (3) Server source code (C language, important parts only) continued: void connection_fun(void *param){ selected = new_sock; params_not_copied=0; // communicate with client according a user-specified protocol read(selected,&pmessage, MSG_LEN); write(selected,&pmessage, MSG_LEN); } close(selected); P. Sobe Erklärung: pmessage ist hier die Datenstruktur, die zum Nachrichtenaustausch dient. Sie ist MSG_LEN Bytes lang. 21 Quellcode des Client-Programms Client source code (C language, important parts only): sock = socket(af_inet,sock_stream,0); serv_addr.sin_addr.s_addr = inet_addr(server_ipaddress); serv_addr.sin_port = htons(server[i].port); serv_addr.sin_family = AF_INET; rc = connect(sock, (struct sockaddr *) &serv_addr, sizeof(serv_addr)); printf("client connected to %s:%d rc=%d \n", server_ipaddress, server[i].port, rc); write(sock, &pmessage, MSG_LEN); read(sock, &pmessage, MSG_LEN); close( sock ); P. Sobe 22

12 Benannte Pipe als Kommunikationskanal (1) Die benannte Pipe (NamedPipe) ist ein alternativer Mechanismus, zwei Prozesse über das Netzwerk zu verbinden. Eine benannte Pipe kann wie eine Datei angesehen werden, die auf der Seite des Server-Rechners eingerichtet ist und einen Kanal zwischen zwei verteilten, kooperierenden Prozessen darstellt. Einer schiebt Daten in den Kanal hinein (Schreiben) und der andere holt sich diese Daten auf der anderen Seite aus dem Kanal heraus (Lesen). Auf der Clientseite wird über eine URL \\hostname\pipe\pipename der Eingang des Kanals als Datei-Equivalent festgelegt. Der Datenaustausch läuft danach wie eine normale Dateioperation auf einem lokalen Rechner ab. Auf der Serverseite wird nur der pipename als Handle zum lokalen Eingang des Kanals bereitgestellt. Damit wird der Kommunikationskanal als eine Art virtuelle Datei angesehen und der Datenaustausch über normale Dateioperationen realisiert. Peter Sobe 23 Pipe als Kommunikationskanal (2) Aktion Aktion erzeugt Pipe CreateNamedPipe() WaitNamedPipe() Wartet auf Pipe verfü gbar Wa rtet auf ankomm end e Verbi ndung ConnectNamedP ipe() CreateFile() Schließt Datei an Pipe an em pfängt Daten ReadFile() WriteFile() sendet Daten Sendet Daten WriteFile() ReadFile() em pfängt Daten Löst die Verbi ndung DisconnectNamedP ipe() Schließt Handle CloseHandl e() CloseHandle() Schließt Handle Legende: Ablaufsteuerung vom Protokoll der Kooperation a Austausch Daten bhängig notwendiger Ablauf Peter Sobe 24 -

13 Pipe als Kommunikationskanal (3) Pipe-Funktionen des Servers Erzeugen von Pipes - CreateNamedPipe() Der Server muss auf seinem Rechner die Pipe erzeugen und dabei die Funktionalität angeben. Bei der Erzeugung gibt er statt seinem eigenen Computernamen einen Punkt an und legt den Pipenamen fest, z. B.: \\.\pipe\p1 Beim Server dient der Punkt (.) als Rechnername. Beim Client muss dann anstatt des Punkts der Rechnername angegeben werden. Beispiel als C-Quelltext: hpipe=createnamedpipe("\\\\.\\pipe\\p1", PIPE_ACCESS_INBOUND, PIPE_WAIT, PIPE_UNLIMITED_INSTANCES, 256,256,1000,NULL); Pufferlängen für Ein- und Ausgabe sind 256 Bytes, als Time-out Zeit gilt 1000 ms und es sind keine Sicherheitsattribute gesetzt. Peter Sobe 25 Pipe als Kommunikationskanal (4) Warten auf Client-Verbindungen - ConnectNamedPipe() Mit der ConnectNamedPipe()-Funktion leitet der Server einen Warteprozess auf eine Clientanforderung ein. Der erste Parameter ist das Pipe-Handle, der zweite Parameter ist NULL oder enthält einen Pointer auf eine overlapped- Struktur. Beispiel: ConnectNamedPipe(hPipe,NULL); Aufheben der Client-Verbindungen - DisConnectNamedPipe() Mit der DisConnectNamedPipe()-Funktion beendet der Server eine Verbindung zu einem Client. Der einzige Parameter ist das Pipe-Handle. Der Rückkehrwert ist bei Erfolg verschieden von 0. Beispiel: DisConnectNamedPipe(hPipe); Schließen des Pipe-Handles - CloseHandle() Mit der CloseHandle ()-Funktion schließt der Server das Handle zu einer Pipe. Beispiel: CloseHandle(hPipe); Peter Sobe 26

14 Pipe als Kommunikationskanal (5) Pipe-Funktionen des Client Warten auf die Verfügbarkeit der Pipe - WaitNamedPipe() Mit der WaitNamedPipe()-Funktion wartet der Client auf die Pipe, die der Server erzeugen muss. Der erste Parameter enthält sowohl host- als auch pipe-namen in der Form \\hostname\pipe\pipename. Der zweite Parameter enthält eine time-out-angabe. Anschluß an eine Pipe - CreateFile() Mit der CreateFile()-Funktion realisiert der Client das Öffnen der Pipe als eine Datei. Der erste Parameter enthält das pipe-handle in der Form \\hostname\pipe\pipename. Beispiel: hpipe=create( \\\\iserver.informatik.htw-dresden.de\\pipe\\p1, GENERIC_WRITE, 0, NULL,OPEN_EXISTING, FILE_ATTRIBUTE_NORMAL, NULL ); Peter Sobe 27 Pipe als Kommunikationskanal (6) Datenaustausch mit der Pipe Der Client bedient sich hier Datei-Operationen der Windows- oder Unix-Plattform. Im Wesentlichen kommen dabei die ReadFile()- und WriteFile()-Funktion zum Einsatz. Beispiel: WriteFile( hpipe, text, strlen(text)+1, &byteswritten, NULL ); Bemerkung: text ist hier die Adresse eines Speicherbereichs, der die zu übertragende Nachricht enthält. Auf byteswritten wird die Anzahl tatsächlich geschriebener Bytes abgelegt. Beenden der Verbindung mit der Pipe CloseHandle() Der Client beendet die Verbindung mit der Pipe durch folgenden Funktionsaufruf: CloseHandle(hPipe); Peter Sobe 28

15 Remote Procedure Call (1) RPC: Auf Basis von Bibliotheken und Dienstverzeichnissen auf Client- und Serverseite kann ein s.g. entfernter Prozeduraufruf erfolgen (in C ist das ein Funktionsaufruf). Client Server client- und server-stub rc=calculate(p1,p2,p3, &solution); wait calculate Peter Sobe 29 Remote Procedure Call (2) client-stub: Stellvertreter-Prozeduren, die Parameter sammeln und eine Nachricht an den Server senden, die den Funktionsnamen und die Parameterwerte enthält. Auch Rückgabewerte werden empfangen und über die lokale Schnittstelle zurückgegeben. r = calc(a,b); Stub int calc(int x, int y) OS and network stack server stub: Empfang der Nachrichten, Aufruf der entsprechenden lokalen Funktion, Zurücksenden der Ergebnisse Stub: receive and call local procedure res = calc(par1,par2); OS and network stack P. Sobe 30

16 WWW Web basierend auf dem Internet Das Internet war bereits eher als das Web vorhanden, mit verteilten Anwendungen, Dateitransfer, Netzwerk- Dateisystemen (NFS) Web: entstanden durch Vorhandensein des HTTP-Protokolls, der HTML-Sprache, URLs und DNS (Distributed Name Service) Nutzung des Webs: ein klassisches Client/Server-Szenario Mit dem Web erfolgte eine Kultur- und Wirtschaftsrevolution, da sich dadurch die Verhaltensweisen der Menschen, die Organisation wirtschaftlicher Prozesse und auch politische Aspekte geändert haben. Web 2.0: kollaboratives Web, inhaltlich kein serverzentriertes Web mehr Peter Sobe 31 HTTP-Protokoll (1) Hypertext Transport Protocol, größtenteils zum Austausch von Hypertext (HTML, xhtml) benutzt Herkunft: Das Protokoll wurde ab 1989 von Roy Fielding, Tim Berners- Lee und anderen am CERN entwickelt Zusammenspiel mit den Konzepten URL und HTML. URL: Unified Ressource Locator HTML: Sprache zum Aufschreiben von Hypertext-Dokumenten Geburt des WWW (bzw. Web) Zur Kommunikation ist HTTP auf ein zuverlässiges Transportprotokoll angewiesen. Dafür wird in nahezu allen Fällen TCP verwendet Peter Sobe 32

17 HTTP Protokoll (2) Über HTTPS kann die Übertragung aber verschlüsselt erfolgen. HTTPS nutzt SSL aus Transportschicht (Secure Socket Layer) und TLS. Ein HTTPS-Dienst wird typischerweise auf Port 443 angeboten. HTTP-Eigenschaften: HTTP ist zustandslos Anfrage, Antwort, Ende: keine komplexen Kommunikationsszenarien Der Zustand eines Clients (Browsers) kann nur über s.g. Cookies verwaltet werden Typischer Protokollablauf: Anfrage an Server: Zum Beispiel GET-Request mit Angabe des Dokumentennamen und des Servers Antwort: OK, Infos über Server und HTML-Dokument Peter Sobe 33 HTTP-Protokoll (3) Typischer Protokollablauf: Anfrage an Server: GET /~sobe/ueb_internet/anfang.html HTTP/1.1 Host: www2.htw-dresden.de Antwort: HTTP/ OK Date: Sun, 20 Mar :59:21 GMT Server: Apache/2.2.9 (Debian) PHP/ lenny9 with Suhosin-Patch mod_ssl/2.2.9 OpenSSL/0.9.8g mod_perl/2.0.4 Perl/v Vary: Accept-Encoding Content-Length: 1538 Connection: close Content-Type: text/html; charset=iso <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " > < html>... Peter Sobe 34

18 HTTP-Protokoll (4) HTTP-Operationen im Überblick: GET Anfordern einer Ressource mit Angabe einer URL POST Senden von Daten zum Server (z.b. für Formulare) HEAD Anfordern eines Headers zu einer Ressource PUT Hochladen einer Ressource, bei Webservern oft nicht implementiert DELETE Löschen einer Ressource, bei Webservern oft nicht implementiert TRACE Empfangen und Zurücksenden der Anforderung OPTIONS Server liefert eine Liste der unterstützten Operationen zurück CONNECT nur für Proxy-Server Das Hochladen von Web-Inhalten und Löschen erfolgt meistens durch andere Protokolle (z.b. SFTP Secure File Transfer Prot.) oder SSH (Secure Shell) Peter Sobe 35 HTTP-Protokoll (5) GET- Methode Die GET-Methode ist die am häufigsten eingesetzte Methode bei einer Client-Anforderung. Damit wird ein Dokument beim Webserver zum Herunterladen angefordert. Der Name des Dokumentes und eventuell sein Pfad müssen in der Request-URI angegeben sein. Beispiel: GET /beispiel.html HTTP/1.0 Antwort: Nach der Leerzeile ist der Inhalt des Body zu sehen, d.h. der Inhalt des angeforderten Dokuments in HTML. Peter Sobe 36

19 HTML und xhtml HTML Hypertext Markup Language Auszeichungssprache für Web-Seiten, folgte schon dem SMGL- Meta-Standard xhtml - extensible Hypertext Markup Language XML-konformes HTML, weitestgehend gleiche Elemente wie HTML, nun aber streng wohlgeformt Peter Sobe 37 HTML Kodierungssprache für Webseiten, aus SGML entworfen. HTML-Dokument wird im Message-Body durch HTTP übertragen Beispiel: <HTML> <HEAD><TITLE>DOM</TITLE></HEAD> <BODY BGCOLOR="yellow"> <H2>Demonstration DOM</H2> <P> <IMG SRC="Comp2.gif" /> Bild 4.1 </P> <P><I>Ende</I> </P> </BODY> </HTML> Peter Sobe 38

20 HTML Elemente: <TITLE>DOM</TITLE> Attribute: <IMG SRC="Comp2.gif" /> Kombination Element mit Attributen: <BODY BGCOLOR="yellow"> </BODY> Die Elemente werden durch Tags eingefasst. und werden hierarchisch ineinander gesetzt Darstellung als Baum mit Elementen auf gleicher Ebene und unter/übergeordneten Elementen möglich. DOM: Document Object Model eines HTML-Dokuments Peter Sobe 39 DOM (1) Element-Beziehungen im letzten Beispiel: HTML HEAD BODY BGCOLOR TITLE H2 P P DOM Demonstration DOM Bild 4.1 IMG I SRC Ende Elementknoten (Tag) Attributknoten Comp2.gif Attributwert Elementwert (Text-Knoten) Peter Sobe 40

21 DOM (2) DOM dient z.b. in Javascript zum Zugriff auf Elemente der dargestellten Webseite. Beispiel aus jspage.html (siehe Übung am ): Im Skript: <script type="text/javascript"> <! function primzahl() { var zahl = document.formular.eingabe.value; --> </script> Im HTML-Dokument: <body> <form name="formular" action=""> <input type="text name="eingabe"="3"> </form> </body> Peter Sobe 41 Architektur von Web-Anwendungen (1) In HTML lassen sich JavaScript-Programme einbetten, die auf der Clientseite durch einen Interpreter ausgeführt werden. Damit lassen sich gewisse dynamische Effekte bei der Anzeige eines HTML- Dokumentes erreichen. Das nennt man clientseitiges Scripting. Effekte: Anzeigen neuer Bilder zeitgebergesteuerte Animationen Reaktion auf Mausereignisse, Änderung von Eigenschaften von Objekten (Farbe, Stil, ), Öffnen neuer Fenster, Message-Boxen und Dialogfenster Prüfung von Nutzereingaben auf Korrektheit, vor Absenden an Server Peter Sobe 42

22 Architektur von Web-Anwendungen (2) Client-seitiges Scripting (Fortsetzung): Ein JavaScript kann auf Eigenschaften von Objekten der grafischen Oberfläche zugreifen und über Methoden Manipulationen durchführen. Das wird durch ein Document Object Model (DOM) ermöglicht. Architektur-Klassen: 2-Tier: Web-Anwendung ohne Scripting, auch Webanwendungen mit clientseitigem Scripting 3-Tier: Webanwendungen mit serverseitigem Scripting 4-Tier: Webanwendungen mit serverseitigem Scripting und einer weiterer funktionalen Ebene (meistens eine Datenbank) Peter Sobe 43 Clientseitiges Scripting (1) JavaScript auf Client-Seite ausgeführt Script-Code wird innerhalb der HTML-Seite übertragen Script-Code ist typischerweise im Head eingebettet Das Script kann die Webseite dynamisch verändern, oder Nachrichtenboxen oder Dialoge initiieren Peter Sobe 44

23 Clientseitiges Scripting (2) JavaScript Beispiel: <html> <head> <title>die Seite mit dem Datum</title> <script language= JavaScript > function date() { var j,m,t; var aktuellesdatum = new Date(); t = aktuellesdatum.getdate(); m = aktuellesdatum.getmonth()+1; j = aktuellesdatum.getyear()+1900; document.formular.datum.value=t+"."+m+"."+j; } </script> </head> <body onload= date() > <form name= Formular > <input size=10 name= Datum /> </form> </html> Peter Sobe 45 Serverseitiges Scripting (1) Die Aufbereitung von Web-Inhalten kann auch durch Programmverarbeitung auf dem Server erfolgen. Typische serverseitige Skript-Technologien: CGI + irgendetwas, das auf dem Server ausgeführt werden kann und Hypertext zurückliefert, typisch ist CGI in Verbindung mit einem Perl-Skript PHP eine Sprache, die in HTML eingebettet ist. Peter Sobe 46

24 Serverseitiges Scripting (2) PHP - Hypertext Processor auf Server-Seite ausgeführt Die Ausgabe des Scrips erzeugt Seiteninhalt nur die Ausgabe des Scripts wird per HTTP übertragen PHP-Syntax ist an C und Perl angelehnt Beispiel: <html> <script language= php > $i=1; while($i<11) { echo <br> \n ; $i=$i+1 } </script> </html> Peter Sobe 47 Web-Anwendungen unter Nutzung von HTTP Web-Browser Javascript Ajax-Engine HTTP, HTML- Dokumente XML Externe Skripte und Daten CGI Web- Server PHP Peter Sobe 48

25 Zusammenfassung Netzwerke erlauben, Verbindungen zwischen Anwendungsprozessen auf verschiedenen Rechnern herzustellen, z.b. durch Datagramme (UDP), Socket- Verbindungen oder benannte Pipes Client/Server verbreitetes Paradigma für verteilte Systeme Web: Webserver und Client(Browser) Protokolle: Standards/Festschreibungen wie und mit welchen Nachrichtenformaten kommuniziert wird. Web: HTTP-Protokoll, transportiert wird: HTML, XML, eingebettete Inhalte, Dateien Skripte erlauben die Programmierung dynamischer Webseiten, clientseitig und/oder serverseitig durch verschiedene C-ähnliche Sprachen Peter Sobe 49