Peter Sobe Internettechnologien. HTTP Protokoll (1) Hypertext Transport Protocol, größtenteils zum Austausch von Hypertext (HTML, xhtml) benutzt

Größe: px

Ab Seite anzeigen:

Download "Peter Sobe Internettechnologien. HTTP Protokoll (1) Hypertext Transport Protocol, größtenteils zum Austausch von Hypertext (HTML, xhtml) benutzt"

Florian Gerhardt
vor 8 Jahren
Abrufe

1 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 Server-zentriertes Web mehr 38 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 (Quelle wikipedia) 39

sich dadurch die Verhaltensweisen der Menschen, die Organisation wirtschaftlicher Prozesse und auch politische Aspekte geändert haben. Web 2.

2 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 40 Typischer Protokollablauf: HTTP Protokoll (3) 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>... 41

3 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) 42 Weiteres in Kapitel 2 HTTP-Protokoll (5) Detailinformationen zum HTTP-Protokoll in RFCs (Request for Comments die De Facto-Standards darstellen) RFC 1945 (HTTP/1.0) RFC 2616 (HTTP/1.1) 43

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

4 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 44 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. Es bleibt es bei einer Client-Server-Anwendung, d.h. einer 2-Schichten-Anwendung (2-Tier). 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 45

ausgeführt werden. Damit lassen sich gewisse dynamische Effekte bei der Anzeige eines HTML-Dokumentes erreichen. Das nennt man clientseitiges Scripting.

5 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) 46 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 Nachladen von Inhalten vorerst nicht möglich, ohne eine neue Webseite zu laden 47

Architektur-Klassen: 2-Tier: Web-Anwendung ohne Scripting, auch Webanwendungen mit clientseitigem Scripting 3-Tier: Webanwendungen mit serverseitigem Scripting 4-Tier: Webanwendungen mit

6 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> 48 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. 49

"+j; } </script> </head> <body onload= date() > <form name= Formular > <input size=10 name= Datum /> </form> </html> 48 Serverseitiges Scripting (1) Die Aufbereitung von Web-Inhalten kann auch durch

7 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> 50 Serverseitiges Scripting (3) Active Server Pages (Microsoft ASP.NET) Konzept: Mischung von Webseitencode in HTML mit Programmcode (Visual Basic oder C#) Varianten: eingebetteter Code (Inline, durch <% %> eingefaßt) Code-behind Modell: gesonderte Quelltextmodule mit Klassen, die Methoden für Web-Elemente bereitstellen Durch ASP-Framework werden auch Elemente zur clientseitigen Interaktion mittels Javascript bereitgestellt Code wird übersetzt und innerhalb des IIS (Microsoft Webserver) ausgeführt. Entwicklung: Microsoft Visual Studio Test: Visual Web Developer (lokaler Webserver) 51

NET) Konzept: Mischung von Webseitencode in HTML mit Programmcode (Visual Basic oder C#) Varianten: eingebetteter Code (Inline, durch <% %> eingefaßt) Code-behind Modell: gesonderte Quelltextmodule

8 Serverseitiges Scripting (4) Beispiel für eine ASP.NET- Webseite: Page Title="Beispiel" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false CodeBehind="Default.aspx.vb Inherits="WebAppASPNET._Default" %> <asp:content ID="HeaderContent" runat="server ContentPlaceHolderID="HeadContent"> </asp:content> <asp:content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <h2> Eine ASP.NET-Beispielanwendung </h2> <% For i = 1 To 3 %> <p> Hallo </p> <% Response.Write(i) Next %> </asp:content> HTML-, Head- und Body-Tags werden serverseitig automatisch erzeugt. Inhalte können durch Code-behind Module programmiert werden. gewöhnliche HTML- Elemente eingebetteter Code (hier Visual Basic) 52 Serverseitiges Scripting (5) Zwei Welten: PHP-basierte Webanwendungen oft gekoppelt mit MySQL-Datenbank ASP.NET-basierte Webanwendungen Gekoppelt mit Microsoft- Plattform, z.b. SQL-Server Wir werden in der Vorlesung und Übung vorrangig PHP benutzen. Einige Beispiele werden aber als Visual Basic ASP gegeben. 53

_Default" %> <asp:content ID="HeaderContent" runat="server ContentPlaceHolderID="HeadContent"> </asp:content> <asp:content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <h2>

9 Multi-Tier-Anwendungen 54 Multi-tier Anwendungen 55

10 Zusammenfassung Netzwerke erlauben, Verbindungen zwischen Anwendungsprozessen auf verschiedenen Rechner herzustellen, z.b. durch Socket- Verbindungen, benannte Pipes oder Datagramme 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 clientseitig und/oder serverseitig durch verschiedene Sprachen Je nach Trennung in verschiedene Schichten (tiers): 2-tier, 3-tier, 4-tier -Web-Anwendungen (Multitier ) 56

Ähnliche Dokumente

Anwendungsprotokolle: HTTP, POP, SMTP

Anwendungsprotokolle: HTTP, POP, SMTP TCP? UDP? Socket? eingesetzt, um Webseiten zu übertragen Zustandslos Nutzt TCP Client schickt Anfrage ( HTTP-Request ) an Server, Server schickt daraufhin Antwort