Internet-Technologien und Java. Beispiel: Im Browser wird diese Zeile eingegeben. Wie nennt man diese eingegebene Zeile.

Präsentation zum Thema: "Internet-Technologien und Java. Beispiel: Im Browser wird diese Zeile eingegeben. Wie nennt man diese eingegebene Zeile."—  Präsentation transkript:

1 Internet-Technologien und Java

2 Beispiel:

3 http://www.gega.de/geld.html Im Browser wird diese Zeile eingegeben. Wie nennt man diese eingegebene Zeile ? Client-PC Server-PC (Webserver) Uniform Resource Locator (URL; Dt. etwa: "einheitliche Ressourcen- Adresse"). Die URL ist die eindeutige Adresse einer Ressource (zum Beispiel eines Dokuments) im Internet.

4 http://www.gega.de/geld.html Die Teile der URL im Einzelnen: http Protokoll des Dienstes WWW. Ein Dienst ist eine bestimmte Kommunikationsform (wie z.B. email, Diskussionsforen, usw.) www.gega.de Fully qualified Domain Name (FQDN), also der Name des Webservers. Dafür könnte man auch eine IP-Adresse eintragen. Der Client (Browser) stellt eine Anforderung (Request) an den Server (Webserver) Client-PC Server-PC (Webserver)

5 http://www.gega.de/geld.html geld.html Name der Datei (evtl. mit Pfad), die angefordert wird (also hier eine Webpage). Client-PC Server-PC (Webserver) Was geschieht im Einzelnen?

6 http://www.gega.de/geld.html Allgemein: Ein Programm (= Client) auf einem Rechner (Client-PC) fordert einen Dienst von einem anderen (passiv wartenden) Programm (= Server) auf einem Rechner (Server-PC) an und erhält von diesem die Leistung. Client-PC Server-PC (Webserver)

7 http://www.gega.de/geld.html Konkret: Der Client fordert die Datei geld.html an (stellt eine Anfrage (engl. Request)). Der Server (Webserver) sucht sie in seinem Dateisystem und sendet sie wieder an den Client (Browser) zurück. Der Client gibt diese html-Datei auf dem Bildschirm aus. Die gemeinsame Sprache (Protokoll) von Client und Server ist "http- ianisch". Client-PC Server-PC (Webserver) sendetgeld.html geld.html Dateisystem des Webserver suchtgeld.html

8 Leider kann man mit dieser Technologie nur statische Websites (html-Dateien) anfordern, d.h. Dateien, die sich im Augenblick der Anforderung schon auf dem Dateisystem des Servers befinden müssen.

9 Für viele Fälle reicht das allerdings nicht aus... Können Sie einen Fall angeben, wo der Server die Information, die er liefern soll, im Augenblick der Anfrage noch nicht kennen kann?

10 Eine Suchmaschine kann die Daten, die sie senden soll, nicht im Augenblick der Anfrage schon kennen, weil sie von den Suchbegriffen, (die der Client an den Server sendet) abhängt.

11 Eine dynamische Website wird erst in dem Augenblick –von einem (im Folgenden) Erstellungsprogramm genannten Programm zusammengebastelt, in dem sie beim Server angefordert wird.

12 Es gibt verschiedene, häufig benutzte Schnittstellen zwischen einem Webserver und einem Erstellungsprogramm: - CGI (Common Gateway Interface) - Servlet-Container

13 Wir werden uns hier mit dem Servlet-Container beschäftigen. Ein bekannter Servlet-Container ist die kostenlose Software Tomcat, die auf einem Webserver, wie dem Apache Webserver installiert werden kann.

14 Anfrage (request) Der Webserver gibt die Antwort (response) an den Client Client (Browser) Webserver (z.B. Apache) Servlet-Container (z.B. Tomcat) Erstellungsprogramm (Servlet) Der Webserver reicht die Anfrage an den Servlet- Container (Schnittstelle) weiter Der Servlet-Container spricht das Servlet an. Das Servlet erzeugt eine Antwort, z.B. in Form von html-Befehlen (html-Text) Der Servlet-Container gibt die Antwort an den Webserver weiter

15 Beispiel: Das Servlet ServletHalloWelt1.class soll eine html-Datei erzeugen, die die Meldung "Hallo Welt" auf dem Bildschirm des Clients ausgibt.

16 Wie wird dieses Servlet im Browser aufgerufen, d.h. wie heißt die URL?

17 http://localhost:8080/halloWelt1/ ServletHalloWelt1 localhost ist der Domain-Name des eigenen Rechners. Es wird die Portnummer 8080 verwendet. Die Pfadangabe für das Servlet: halloWelt1/ServletHalloWelt1 Damit wird das Erstellungsprogramm ServletHalloWelt1 aufgerufen, das eine Website erzeugt, die an den Client-PC geschickt wird und von diesem auf dem Bildschirm ausgegeben wird. Das Servlet wurde mit der Entwicklungsumgebung Netbeans im Projekt halloWelt1 erzeugt und heißt ServletHalloWelt1.class Es muss an eine bestimmte Stelle in der Verzeichnisstruktur des Webservers kopiert werden (siehe Beschreibung).

18 http://localhost:8080/halloWelt1 /ServletHalloWelt1 Im Browser wird diese Zeile eingegeben. Was geschieht ? Client-PC Server-PC (Webserver) Konkret: Der Client fordert die Datei ServletHalloWelt1 an (stellt eine Anfrage (engl. Request)). Da diese Datei nicht die Endung. html hat, ist es keine statische Datei. Deshalb wird die Anfrage an den Servlet-Container weitergereicht, der das Erstellungsprogramm ServletHalloWelt1.class sucht (und falls gefunden) ausführt. Die dabei produzierten html-Befehle (html-Text) werden an den Client durchgereicht. Servlet- Container sucht ServletHalloWelt1 Erstellungs- Programm produzierte html-Befehle (html-Text) produziert html-Befehle

19 package packageHalloWelt1; import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class ServletHalloWelt1 extends HttpServlet { protected void service( HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Die Erzeugung eines Objekts der Klasse ServletHalloWelt1 übernimmt der Servlet-Container (also Tomcat). Je nach Konfiguration des Servlet-Containers kann dies beim Start des Webservers oder bei der ersten Anfrage für das Servlet erfolgen. Wenn das Servlet erfolgreich (ohne Exception) geladen wurde, steht das Servlet für Anfragen bereit. Dies geschieht durch die Methode service(..). Der Servlet-Container kann diese Methode beliebig oft (bei jeder Anfrage) für ein Objekt aufrufen.

20 package packageHalloWelt1; import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class ServletHalloWelt1 extends HttpServlet { protected void service( HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Über diese Variable kann man auf die in der Anfrage sich befindlichen Informationen zugreifen (INPUT). Über diese Variable kann man die an das Servlet gestellte Fragen beantworten, d.h. Informationen dem Client zukommen lassen (OUTPUT). Die Variablennamen sind zwar frei wählbar, doch sind die Namen request und response selbstsprechend.

21 package packageHalloWelt1; import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class ServletHalloWelt1 extends HttpServlet { protected void service( HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Exceptions, die in dieser Methode auftreten, werden nicht abgefangen, sondern an den Servlet-Container (Tomcat) weitergeleitet.

22 package packageHalloWelt1; import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class ServletHalloWelt1 extends HttpServlet { protected void service( HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Bei unserer Tomcat-Version (und unserer Konfiguration) wird verlangt, dass man ein package benutzt.

23 response.setContentType( "text/html"); PrintWriter out = response.getWriter(); out.println(" "); out.println(" Hallo Welt "); out.println(" "); out.println(" Hallo Welt "); out.println(" "); out.close(); } Content-type: text/html Mit dieser MIME-Spezifikation (Multipurpose Internet Mail Extensions) wird festgelegt, um welche Art (Bild, Musik, HTML, Film, usw.) von Daten es sich handelt, die übertragen werden. Die Bezeichnung text ist hier der MIME-Typ und html ist der MIME-Subtype.

24 response.setContentType( "text/html"); PrintWriter out = response.getWriter(); out.println(" "); out.println(" Hallo Welt "); out.println(" "); out.println(" Hallo Welt "); out.println(" "); out.close(); } Man braucht eine Variable der Klasse PrintWriter. Damit kann man einen Ausgabestrom erzeugen, der an den Client gesendet wird.

25 response.setContentType( "text/html"); PrintWriter out = response.getWriter(); out.println(" "); out.println(" Hallo Welt "); out.println(" "); out.println(" Hallo Welt "); out.println(" "); out.close(); } Diese mit println versendeten Zeichenketten (das ist html-Code !!) werden an den Client gesendet. Dessen Browser stellt den durch den html-Code festgelegten Text dann auf dem Bildschirm dar.

26 response.setContentType( "text/html"); PrintWriter out = response.getWriter(); out.println(" "); out.println(" Hallo Welt "); out.println(" "); out.println(" Hallo Welt "); out.println(" "); out.close(); } Ist zur Darstellung dieses html-Codes unbedingt, wie hier geschehen, ein dynamische Website (mit Hilfe eines Servlet) nötig? Nein. Da die Ausgabe auch schon vor der Anfrage bekannt ist, könnte man auch eine statische html-Website verwenden. Dies wurde hier nicht gemacht, da die Benutzung eines Servlets an einem sehr einfachen Beispiel gezeigt werden sollte.

27 public void init(){ System.out.println("Man sieht mich 1 Mal"); } Nachdem ein Objekt des Servlets erzeugt wurde, führt der Servlet- Container eine Initialisierung durch, indem die Methode init() genau einmal aufgerufen wird. Wenn man also eine Methode braucht, die nur genau einmal aufgerufen werden soll, verwendet man init(). Nebenbei: System.out.println("Man sieht mich nur 1 Mal"); gibt die Zeichenkette "Man sieht..." nicht auf dem Bildschirm des Client aus, sondern im Ausgabefenster des Tomcat (bitte nachprüfen)!

28 Aufgabe (Beispiel): Zur Kontrolle (richtig geschrieben?) soll dem Client nochmals der eingegebene Nach- und Vorname zugesendet werden.

29 Dazu wird ein neues Projekt erstellt (das Servlet heißt ServletDoGet1.java)

30 Problem: Wie kann man in einer html-Datei (hier heisst sie getMain.html) die eingegebenen Daten an den Webserver versenden?

31 Datenerfassung Datenerfassung Übliche Beginn einer html-Website

32 <form action= "http://localhost:8080/doGet1/ ServletDoGet1" method="get"> Vorname : <input type="text" name="vorname" size="40"> Nachname: <input type="text" name="nachname" size="40"> <input type="submit" value="Daten an Servlet übertragen"> Mit form wird ein Formular definiert Mit action=... gibt man das Servlet-Programm an, das auf dem Webserver ausgeführt werden soll. Mit methode=... gibt man die Art (get oder post) an, wie die Daten übertragen werden. get bedeutet, dass das http- Kommando get verwendet wurde

33 <form action= "http://localhost:8080/doGet1/ ServletDoGet1" method="get"> Vorname : <input type="text" name="vorname" size="40"> Nachname: <input type="text" name="nachname" size="40"> <input type="submit" value="Daten an Servlet übertragen"> Mit input wird ein einzeiliges Eingabefeld definiert. Mit type=text wird angegeben, dass Text eingegeben wird. Der Name des ersten Textfeldes soll hier vorname heissen. Die Anzeigelänge des Textes auf dem Bildschirm soll 40 Zeichen sein.

34 <form action= "http://localhost:8080/doGet1/ ServletDoGet1" method="get"> Vorname : <input type="text" name="vorname" size="40"> Nachname: <input type="text" name="nachname" size="40"> <input type="submit" value="Daten an Servlet übertragen"> Mit input type = "submit"... definiert man einen Absendebutton, der beim Anklicken alle Formulardaten versendet (submit deutsch: unterbreiten, vorschlagen). Mit value=... kann man den Button beschriften.

35 <form action= "http://localhost:8080/doGet1/ ServletDoGet1" method="get"> Vorname : <input type="text" name="vorname" size="40"> Nachname: <input type="text" name="nachname" size="40"> <input type="submit" value="Daten an Servlet übertragen"> Nochmals zur get-Methode: Die zu versendeten Daten (Vorname, Nachname) werden an die URL angehängt (kann man imBrowser sehen!!) und sind damit sichtbar !! http://localhost:8080/doGet1/ ServletDoGet1?vorname=Fritz&nachname=Maier und werden vom Servlet durch eine entsprechende Methode (doGet) in Empfang genommen und verarbeitet.

36 <form action= "http://localhost:8080/doGet1/ ServletDoGet1" method="get"> Vorname : <input type="text" name="vorname" size="40"> Nachname: <input type="text" name="nachname" size="40"> <input type="submit" value="Daten an Servlet übertragen"> post-Methode: Bei einem mit post durchgeführten Request, werden die Daten nach dem Header (unsichtbar) übertragen. und werden vom Servlet durch eine entsprechende Methode (doPost) in Empfang genommen und verarbeitet.

37 Alternativ kann man das Formular auch mit einer Tabelle erstellen:

38 <form action= "http://localhost:8080/doGet1/ ServletDoGet1" method="get"> Vorname: <input type="text" name="vorname" size="40"> Name: <input type="text" name="nachname" size="40"> erzeugt eine Tabelle. erzeugt eine Tabellenzeile, die jeweils aus einer mit erstellten Tabellenzelle besteht.

39 <input type="submit" value="Daten an Servlet übertragen">

40 Wo befindet sich das Formular getMain.html und wo das Servlet?

41 http://localhost:8080/doget1/ getMain.html Konkret: Der Client fordert die Datei getMain.html an (stellt eine Anfrage (engl. Request)). Da diese Datei die Endung.html hat, ist es eine statische Datei. Deshalb sucht sie der Server (Webserver) in seinem Dateisystem und sendet sie an den Client (Browser) zurück. Der Client gibt diese html-Datei auf dem Bildschirm aus. Client-PC Server-PC (Webserver) sucht getMain.html getMain.html Dateisystem des Webserver sendet getMain.html Im Browser wird diese Zeile eingegeben. Was geschieht ?

42 Auf dem Bildschirm befindet sich nun der Inhalt der statischen Datei getMain.html. Der Inhalt besteht u.a. aus einem Formular, in dem die Adresse (URL) des Erstellungsprogramm (Servlet) angegeben ist: http://localhost:8080/doGet1/ServletDoGet1

43 http://localhost:8080/doGet1/ ServletDoGet1?vorname=Fritz&nachname=Maier Client-PC Server-PC (Webserver) Das Formular im Client fordert die Datei ServletDoGet1 an (stellt eine Anfrage (engl. Request)). Da diese Datei nicht die Endung.html hat, ist es keine statische Datei. Deshalb wird die Anfrage an den Servlet-Container weitergereicht, der das Erstellungsprogramm ServletDoGet1.class sucht (und falls gefunden) ausführt. Die dabei produzierten html-Befehle (html-Text) - u.a. Ausgabe Vorname, Nachname - werden an den Client durchgereicht und im Browser auf dem Bildschirm ausgegeben. Servlet- Container sucht ServletDoGet1 Erstellungsprogramm ServletDoGet1 produzierte html-Befehle (html-Text) produziert html-Befehle

44 Jetzt das Servlet auf dem Webserver

45 package packageDoGet1; import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class ServletDoGet1 extends HttpServlet { protected void doGet( HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Wenn die Methode service() nicht überschrieben wird, dann wird eben die service() Methode der Oberklasse aufgerufen. Diese ist aber so implementiert, dass ein HTTP-Kommando an die dem Typ der Anfrage entsprechende Methode verteilt wird: HTTP-Kommando Servlet-Methode GET doGet() POST doPost()

46 response.setContentType( "text/html"); PrintWriter out = response.getWriter(); out.println(" "); out.println(" Get- Servlet "); out.println(" "); out.println(" Hier die Infos des Clients: "); Das Übliche wie im letzten Beispiel...

47 out.println(" NACHNAME:" +request.getParameter( "nachname")+" "); out.println(" VORNAME:" +request.getParameter( "vorname")+" "); out.println("<a href=\"http: //localhost:8080/ getMain.html\">Back "); out.println(" "); out.close(); } Die Methode getParameter holt die mit nachname (hier: Maier) und vorname (hier: Fritz) bezeichneten Daten (die der Client versendet hat) ab.

48 out.println(" NACHNAME:" +request.getParameter( "nachname")+" "); out.println(" VORNAME:" +request.getParameter( "vorname")+" "); out.println("<a href=\"http: //localhost:8080/ getMain.html\">Back "); out.println(" "); out.close(); } Nebenbei: Sind diese 2 Backslashes in dem html-Befehl (html-Text) syntaktisch falsch?

49 out.println(" NACHNAME:" +request.getParameter( "nachname")+" "); out.println(" VORNAME:" +request.getParameter( "vorname")+" "); out.println("<a href=\"http: //localhost:8080/ getMain.html\">Back "); out.println(" "); out.close(); } Nein! Zwar heißt der html-Befehl (html-Text) in einer html-Datei: Back Dieser Befehl muss aber innerhalb eines Java-Programms als eine Zeichenkette dargestellt werden. Innerhalb einer Zeichenkette muss man aber in Java das Zeichen " als \" darstellen.

50 Dann werden diese Daten in html-Code verpackt (d.h.mit dem Überschriftenformat... versehen) und mit out.println an den Client versendet. out.println(" NACHNAME:" +request.getParameter( "nachname")+" "); out.println(" VORNAME:" +request.getParameter( "vorname")+" "); out.println("<a href=\"http: //localhost:8080/ getMain.html\">Back "); out.println(" "); out.close(); }

51 Mit href wird ein Link erzeugt, der diese Webpage anfordert. out.println(" NACHNAME:" +request.getParameter( "nachname")+" "); out.println(" VORNAME:" +request.getParameter( "vorname")+" "); out.println("<a href=\"http: //localhost:8080/ getMain.html\">Back "); out.println(" "); out.close(); }

52 Aufgabe: Was geschieht, wenn der Anwender im Formular z.B. statt des Vornamens einen HTML-Text eingibt, wie z.B: Gerd

53 bedeutet: Fettdruck Es wird also der Name Gerd vom Webserver fett an den Anwender zurückgegeben und vom Browser fett auf dem Bildschirm dargestellt.

54 Welche Gefahr droht?

55 Der Anwender kann einen HTML-Text (Programm) an den Webserver senden, der von diesem ausgeführt wird. Dieses Programn kann z.B. Passworte auslesen.

56 Dies wird der Anwender aber nicht machen, da er ja seinen eigenen Rechner nicht schädigen will. Man kann aber mittels eines manipulierten Formulars ein Opfer auf eine Webseite locken. werden. Das Formular kann dabei in einem iframe (= Bereich innerhalb einer HTML-Datei, in dem eine fremde Quelle, wie z.B. eine andere HTML-Datei angezeigt werden kann) unsichtbar im Hintergrund geladen und per JavaScript automatisch abgeschickt werden, ohne dass der Benutzer den submit-Button drücken muss.

57 Diese Angriffsart heißt: XSS (Cross Site Scripting)

58 Jetzt soll die gleiche Aufgabe gelöst werden, aber mit Hilfe der Methode post. Was muss geändert werden?

59 1) Im Formular muss nur get durch post ersetzt werden und 2) Im Servlet muss nur die Methode doGet durch doPost ersetzt werden.

60 Aufgabe: In der letzten Aufgabe ( eingegebene Nach- und Vorname zusenden) sollen sich der Webserver und der Client auf physikalisch verschiedenen Rechnern eines Netzwerks befinden.

61 Aufgabe (Zähler): Beim Aufruf einer Webpage soll angezeigt werden, wie oft diese Webpage schon aufgerufen wurde. Dies soll auch funktionieren, falls der Tomcat zwischenzeitlich mal kurz runtergefahren wurde.

62 Basisverzeichnis und relativer Pfad auf einem Webserver

63 Wo wird eine Ressource wie index.html in einer URL auf dem Webserver in einem Pfad gesucht? Erklärung an einem Beispiel

64 http://localhost:8080/TestServlet1/axel/index.html Bezeichnungen: Kontextpfad: 1. Knoten nach der Rechnerbezeichnung, also: TestServlet1 Relativer Pfad: restliche Pfad nach dem Kontextpfad, also: /axel/index.html Basisverzeichnis: Pfad, der dem Kontextpfad zugeordnet wird und unter dem die Ressource, also /axel/index.html auf dem Webserver gesucht wird. Das Basisverzeichnis könnte z.B. sein: C:\ProgJava\PROG\TestServlet1\build\web Echte Pfad = Basisverzeichnis + relativer Pfad, also: C:\ProgJava\PROG\TestServlet1\build\web\axel\index.html

65 Bemerkungen: 1) Die Zuordnung von Kontextpfad zu Basisverzeichnis wird in einer Konfigurationsdatei gemacht (wird in der Entwicklungsumgebung automatisch realisiert). 2) Die Suche nach Servlets (haben keine Endung html) verläuft etwas anders.

66 Um den echten Pfad zu bekommen, kann man dies in Java wie folgt machen:... String realerPfad; realpath = this.getServletContext().getRealPath("/axel/index.html");...

67 package packageCounter1; import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class ServletCounter1 extends HttpServlet { private int zaehler; private RandomAccessFile myDatei=null; private String dateiName; public void init() throws ServletException, UnavailableException { private String realerPfad;

68 realerPfad = this. getServletContext(). getRealPath("/zaehler.txt"); dateiName = realerPfad; try{ myDatei = new RandomAccessFile( dateiName,"rw"); len = myDatei.length(); Damit bekommt man den echten Pfad des Webservers. Dieser wird aus dem Basisverzeichnis des Computers und dem relativen Pfad (hier /zaehler.txt) konstruiert. Das Basisverzeichnis auf dem Webserver Glass-Fish ist hier z.B: C:\JavaProjekte\appCounter2\build\web realerPfad wäre dann: C:\JavaProjekte\appCounter2\build\web\zaehler.txt

69 if(len==0){ zaehler=0; } else{ myDatei.seek(0); try{ zaehler = myDatei.readInt(); } catch (Exception e){ zaehler=0; } // schließe Datei myDatei.close(); } Datei existierte nicht und wurde deshalb angelegt. Datei existierte schon Zahl ist kein integer, besteht also aus weniger als 4 Byte Zählerwert wird ausgelesen

70 catch(FileNotFoundException e){ System.out.println("Fehler: Datei nicht vorhanden: " +e.toString()); e.printStackTrace(); } catch(IOException e){ System.out.println("Fehler: Dateifehler:"); e.printStackTrace(); } Exceptions abfangen

71 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { zaehler = zaehler + 1; try{ myDatei = new RandomAccessFile( dateiName,"rw"); myDatei.seek(0); myDatei.writeInt(zaehler); myDatei.close(); } Methode wird bei jeder Anfrage aufgerufen Zähler erhöhen neuen Zählerwert zurückschreiben

72 catch(FileNotFoundException e){ System.out.println( "Fehler: Datei nicht vorhanden: " +e.toString()); } catch(IOException e){ System.out.println("Fehler: Dateifehler :"); e.printStackTrace(); }

73 response.setContentType( "text/html"); PrintWriter out = response.getWriter(); out.println(" "); out.println(" Zähler Servlet "); out.println(" "); out.println(" Das Zähler Servlet wurde "+zaehler+ " Mal aufgerufen "); out.println(" "); out.close(); }