Server-Side-Scripting:

Transkript

1 Webtechnologien - WEBT Server Side Programme User Agent Web-Server CGI Java Modul Modul PHP Modul Server-Side-Scripting: Übersicht & Common Gateway Interface - CGI Formular Submit-Button Client Server *.php *.jsp *.cgi DB webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/ Server Side Scripting! Diverse Ziele: Dynamisches Erzeugen der Seiten Ausgabe variabler Inhalte Auswerten von Formulardaten Reaktion auf Benutzereingaben! Erlaubt Anbindung an andere Software Beispiel: Datenbanken, Steuerungen, Dienste (Mail, ERP,...)! Technologien Server Side Includes (SSI) Common Gateway Interface - CGI (Shell, C/C++, Perl,...) PHP, Active Server Pages (ASP), Java Server Pages (JSP), Cold Fusion (CF),... Server Side Includes (SSI)! SSI-Kommandos werden in HTML-Kommentaren verborgen und mit # markiert! Der Web-Server prüft Dateien mit der Endung.shtml auf SSI- Kommandos und führt diese aus.! Die SSI-Kommandos sind Server-spezifisch H T M L C o d e B r o w s e r O u t p u t! Beispiele: Today's date and time is  The link you used to get here is  This is the Greenwich Mean Time  Your IP number is  This web page file name is  Your browser & PC's operating system is  This web page file size is  This page was last modified on  Today's date and time is Monday, 12-Jun :06:31 EDT The link you used to get here is (none) This is the Greenwich Mean Time Monday, 12-Jun :06:31 GMT Your IP number is This web page file name is tut_ssi.shtml Your browser & PC's operating system is Mozilla/4.0 (compatible; MSIE 5.0; Windows 98) This web page file size is 40,354 kilobytes or 40,354 bytes This page was last modified on Wednesday, 29-Mar :02:24 EST webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/2007 4

2 Server Side Includes (SSI)! Beispiel Zugriffszähler mit SSI <HTML>  <HEAD><TITLE>Server-Side Includes Test Page</TITLE></HEAD> <BODY> <p>the local document is: ( bytes) <p>this document has been referenced  times.  </BODY> </HTML> SSI ist sehr limitiert in seinen Möglichkeiten. SSI ist bei vielen Servern aus Sicherheitsgründen gesperrt. webt serverside übersicht zeman, feisthammel, marti, burkert 04/ Wichtigste SSI-Anweisungen # var="[variablenname]" Bei [Variablenname] sind erlaubt oder die folgenden, speziellen Variablennamen: DOCUMENT_NAME (Name der HTML-Datei) DOCUMENT_URI (Pfad der HTML-Datei) LAST_MODIFIED (Zeitstempel der HTML-Datei) QUERY_STRING_UNESCAPED (Unkodierter GET-Übergabestring) DATE_LOCAL (Datum/Uhrzeit, lokal nach Server) DATE_GMT (Datum/Uhrzeit, nach Greenwich-Zeit) Beispiele:   #exec cmd="[pfad/programmdatei]" cgi="[cgi-pfad/cgi-programm/script]" Benutzen Sie cmd, um ein beliebiges Programm auf dem Server-Rechner zu starten. Benutzen Sie cgi, um ein CGI-Programm/CGI-Script auf dem Server-Rechner auszuführen. Es sollte sich um Programme handeln, die Daten auf die Standardausgabe schreiben. Diese Datenausgaben werden dann direkt in die HTML-Datei geschrieben. Beispiele:   webt serverside übersicht zeman, feisthammel, marti, burkert 04/ Wichtigste SSI-Anweisungen #fsize file="[pfad/datei]" Gibt die Größe der angegebenen Datei aus. Beispiel:  #flastmod file="[pfad/datei]" Gibt den Zeitstempel der angegebenen Datei aus. Beispiel:  #include file = "[Pfad/Datei]" virtual = "[Pfad/Datei]" Gibt den Inhalt der angegebenen Datei aus. Verwenden Sie file für absolute Pfadangaben auf dem Server-Rechner und virtual für relative Pfadangaben bezogen auf das Wurzelverzeichnis für Dokumente des WWW-Servers. Beispiel:  Quelle: Jan Zeman webt serverside übersicht zeman, feisthammel, marti, burkert 04/ SSI Vor- und Nachteile Vorteile! Einfaches Mischen von HTML-Design und Applikation! Auf mehreren Seiten vorkommende Teile können zentral verwaltet werden Nachteile! Seiten haben kein Erstellungsdatum mehr! können nicht gecached werden! Höhere CPU Belastung und längere Responsezeit als bei statischen Seiten! Bei manchen Servern laufen die SSI-exec mit dem Web- Server-Benutzerkonto webt serverside übersicht zeman, feisthammel, marti, burkert 04/2007 8

3 CGI - Funktionsprinzip Common Gateway Interface HTML-Seite mit den Resultaten WWW-Client (Anwender) HTML-Seite mit Formular Web- Browser Eingabedaten übertragen Internet Ergebnis übertragen WWW-Server Meta- Variablen definieren CGI-Programm starten HTML-Seite generieren Web- Server Programm CGI- Programm/ Script webt serverside übersicht zeman, feisthammel, marti, burkert 04/ Ausführung Abfrage Datenbank DB- Server! Das CGI-Protokoll legt fest, wie Parameter vom Client zum Server gesandt werden wie der Client festlegt, welches Programm zu starten ist welche Meta-Variabeln verfügbar sind! Systemabhängig ist, wie die Client Parameter dem Programm übergeben werden (meist via Environment-Variabeln) wie die Resultate zurück zum Client gelangen (meist Standard Output)! Aktuell: CGI/1.1 RFC The Common Gateway Interface (CGI) Version 1.1 CGI/1.2: working draft! Quelle: webt serverside übersicht zeman, feisthammel, marti, burkert 04/ CGI - Meta-Variablen CGI - Minimal Output GET Übergabe Parameter 80 = http 443 = ssl! Übersicht CGI Meta-Variabeln: AUTH_TYPE CONTENT_TYPE PATH_INFO QUERY_STRING REMOTE_HOST REMOTE_USER SCRIPT_NAME SERVER_PORT SERVER_SOFTWARE CONTENT_LENGTH GATEWAY_INTERFACE PATH_TRANSLATED REMOTE_ADDR REMOTE_IDENT REQUEST_METHOD SERVER_NAME SERVER_PROTOCOL HTTP-Header-Informationen werden in Variablen mit dem Prefix HTTP_ abgelegt z.bsp.!""#$%&'($)*'+"! Zusammenfassung siehe: z.b. CGI/1.1 Client IP GET / POST z.b. HTTP/1.1! Der Output besteht aus Header und Body, getrennt durch eine Leerzeile! Header beinhaltet mindestens das Feld Content-Type: Content-Type: text/plain oder Content-Type: text/html! Body enthält den auszugebenden Text oder den HTML-Code der Seite Content-type: text/plain Hallo Content-type: text/plain Hallo Minimal Script Output Header Leerzeile Body webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/

4 CGI mit Shell-Script Einfaches Shell-Script! Ein Shell-Skript ist eine Folge von Shell-Befehlen, welche in einer Datei gespeichert sind.! Die erste Zeile sollte den Pfad auf die Shell enthalten, welche für die Ausführung des Skripts verwendet werden soll, z.b: #!/bin/sh! Kommentarzeilen beginnen mit #! Variablen sind innerhalb des Skripts global! Andere Skripts können aufgerufen werden, deren Variablen werden übernommen, falls diese exportiert wurden oder wenn das Skript mit. skriptname (source skriptname) aufgerufen wurde: # call external script (in the same environment)../doit.sh #!/bin/sh Content-type: text/plain CGI-Version ist $GATEWAY_INTERFACE Die Skripts hier: ls -al *.cgi Datum: `date` CGI-Version ist CGI/1.1 Die Skripts hier: -rwxr-xr-x 1 fei staff 151 May 8 19:33 shellex1.cgi Datum: Sat May 8 19:35:07 MET DST 1999 Ausgabe webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/ CGI-Shell-Script-Beispiele CGI-Shell-Script-Beispiele Script showhost.cgi (verwendet nslookup) #!/usr/bin/sh Content-type: text/plain Sie Arbeiten auf folgendem Host: /usr/sbin/nslookup $REMOTE_ADDR Generieren einer HTML-Ausgabe-Datei #!/bin/sh Content-type: text/html "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN> "<html>" "<head>" <title>zeit als HTML-Dokument ausgegeben</title>" "</head>" "<body>" "<h1> Zeitausgabe </h1>" "<p>es ist jetzt `date +%H:%M` Uhr</p>" "</body>" "</html>" webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/

5 Formular-Beispiel Formular-Beispiel <html> <head> <title>formularbeispiel<title> </head> <body> <form name="subscribtion" action=" methode="get" > <h2> Wählen Sie den STWW-Kurs</h2> <label for="username">ihr Name:</label> <input id="username" name="username size=40 maxlength=60> <label for="kursname">wählen Sie aus der Liste aus:</label> <select id="kursname" name="kursname" size=3> <option>internet und WWW</option> <option>c++</option> <option>oop</option> <option>java</option> <option>gestaltung WWW-Seiten</option <option>project Management</option> </select> <label for="alter">ihr Alter:</label> <input type="radio" name="alter" value="unter 30 /> <input type="radio" name="alter" value="über 30 /> <input type="submit" value="absenden /> <input type="reset" value="abbrechen /> </form> </body> </html> webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/ Parameterübergabe Formular-Beispiel (GET)! GET Parameter vom Browser gemäss RFC 2396 codiert An URI der Formular-Action angehängt Durch CGI-Handler in der Meta-Variablen QUERY_STRING abgelegt.! POST Parameter vom Browser gemäss RFC 2396 codiert Im Body der HTTP Anfrage (HTTP-Request) übermittelt Wird dem CGI-Programm als Standard-Input zur Verfügung gestellt if [ "$REQUEST_METHOD" = POST ] then read daten else daten=$query_string fi # Abfrage der Methode # POST : Daten von stdin lesen # GET : Daten in $QUERY_STRING webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/

6 Formular-Beispiel (POST) CGI an der ZHAW! Als CGI-Übungsserver verwenden Sie labts101.zhaw.ch! Ihre Scripts müssen in Ihrem Verzeichnis www liegen und die Endung.cgi besitzen! Die Scripts werden unter Ihrem Benutzerkonto abgearbeitet. Trotzdem müssen Sie durch den Apache Webserver lesbar sein und ausführbar sein. " Zugriffsrechte 755 (rwxr-xr-x) webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/ CGI/Shell - Häufige Probleme CGI mit C! Kommandos werden in allen Pfaden der Environmentvariable PATH gesucht. Diese unter-scheidet sich beim CGI-Aufruf meist von jener einer interaktiven (Login-) Shell! Das aktuelle Verzeichnis (CWD) ist nicht zwingend dort wo das Skript liegt! Die Ausgabe von Content-Type wird vergessen! Fehlende Leerzeile nach der Content-Type Zeile! Zum Testen einzelner Shell-Befehlen wurde eine andere Shell verwendet! Das Skript ist nicht ausführbar (chmod 755)! Der Pfad zum Shell-Binary (erste Zeile des Skripts) ist fehlerhaft oder fehlt. /*************************************************************************/ /** **/ /** hello_s.c-- simple "hello, world", to demonstrate basic CGI **/ /** output. **/ /** **/ /*************************************************************************/ #include <stdio.h> void main() { } /** Print the CGI response header, required for all HTML output. **/ /** Note the extra \n, to send the blank line. **/ printf("content-type: text/html\n\n") ; /** Print the HTML response page to STDOUT. **/ printf("<html>\n") ; printf("<head><title>cgi Output</title></head>\n"); printf("<body>\n") ; printf("<h1>hello, world.</h1>\n") ; printf("</body>\n") ; printf("</html>\n") ; exit(0) ; webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/

7 CGI mit Perl CGI mit PHP #!/usr/local/bin/perl # # hello_s.pl-- simple "hello, world" program to demonstrate basic # CGI output. # # Print the CGI response header, required for all HTML output # Note the extra \n, to send the blank line print "Content-type: text/html\n\n" ; # Print the HTML response page to STDOUT print <<EOF ; <html> <head><title>cgi Results</title></head> <body> <h1>hello, world.</h1> </body> </html> EOF    <html> <head><title>php Results</title></head> <body> <h1>hello, world.</h1> </body> </html> <? // 'static pages are identical to pure HTML?> exit ; webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/ Server-Side Scripting! Die am weitesten verbreiteten Server-Side Scripting Werkzeuge sind: PHP [open source] Perl [open source] JSP (Java Server Pages) [free but not full open source] - Sun Microsystems ASP (Active Server Pages) [kommerziell] - Microsoft ColdFusion [kommerziell] Macromedia (Allaire)! Mit allen lassen sich umfangreiche Lösungen erstellen! Der Entscheid für ein bestimmtes Werkzeug hängt ab von: Zielplattform, Datenbasis Verfügbarkeit personeller Ressourcen und Know How Persönlicher Geschmack Budget... Server-Side Scripting - PHP! Plattformunabhängig, Open Source! Direkt in Apache eingebunden (mod_php) " relativ schnell! Sprachstil und Syntax orientieren sich an C, Java, Perl dadurch für Programmierer leicht les- und lernbar! Spezialisiert auf Scripting im Web " kompakter Code! Direktes API für viele Datenbanken! Unterstützung für: IMAP, SNMP, LDAP, XML, dynamische Grafikerzeugung! Leistungsfähige Verwaltung von Sessions! Sammlung von Erweiterungen: pear.php.net PEAR, the PHP Extension and Application Repository (ursprünglich: PHP Extension and Add-on Repository) " Übersichtlich, leichter Einstieg, gute DB Unterstützung, leistungsfähig webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/

8 Server-Side Scripting - Perl! Plattformunabhängig, Open Source! Direkt in Apache eingebunden (mod_perl) " relativ schnell! Mächtige Sprache für viele Anwendungsgebiete, nicht nur für CGI. (Hauptstärke bei der Textmanipulation)! Syntax wirkt auf Einsteiger kryptisch. Ausserdem lässt sich ein bestimmtes Ziel mit Perl auf vielen Wegen erreichen.! Umfangreiche Erweiterungs-Module verfügbar (CPAN : Comprehensive Perl Archive Network - Unterstützung für viele Datenbanken erhältlich Server-Side Scripting - ASP! Für Microsoft Server (IIS/PWS) unter NT/Windows! Implementationen für andere Server erhältlich! ASP-Seiten werden in VBscript codiert (C#, Perl, Jscript und andere möglich)! Gute und einfache Erweiterbarkeit dank Nutzung von COM-Objekten (wie bei Visual Basic, Visual C++) (COM = Component Object Model)! Flexibler Zugriff auf beliebige Datenquellen/-ablagen (Textdatei, Excel-Sheet, Datenbank,...) mittels ADO (ActiveX Data Objects) " Mächtig, eingeschränkte Überschaubarkeit für Einsteiger, gute DB Unterstützung, leistungsfähig " Mächtig, gut für reine MS Umgebungen, leichter Einstieg dank COM, einfacher Datenzugriff webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/ Server-Side Scripting - JSP JSP: Beispiel Nummern raten! Für Java Server auf verschiedenen Plattformen! Konzept sehr ähnlich wie ASP! JSP-Seiten werden in Java codiert, dadurch gute Verfügbarkeit von Know How! Gute Leistungsfähigkeit, da Servlets nur beim ersten Aufruf übersetzt werden und dann im Speicher bleiben! Gute Erweiterbarkeit dank Nutzung von JavaBeans " Mächtig, durchgängige Verwendung von JAVA als Programmiersprache, leichter Einstieg dank Scripting webt serverside übersicht zeman, feisthammel, marti, burkert 04/ webt serverside übersicht zeman, feisthammel, marti, burkert 04/

9 JSP: Beispiel Nummern raten ColdFusion page import = "num.numberguessbean" %> <jsp:usebean id="numguess" class="num.numberguessbean" scope="session"/> <jsp:setproperty name="numguess" property="*"/> <html><head><title>number Guess</title></head> <body bgcolor="white"> <% if (numguess.getsuccess()) { %> Congratulations! You got it. And after just <%= numguess.getnumguesses() %> tries.<p> <% numguess.reset(); %> Care to <a href="numguess.jsp">try again</a>? <% Code <% } else if (numguess.getnumguesses() == 0) { %> Welcome to the Number Guess game.<p> <%= Output I'm thinking of a number between 1 and 100.<p> <form method=get> What's your guess? <input type=text name=guess> <input type=submit value="submit"> </form> <% } else { %> Good guess, but nope. Try <b><%= numguess.gethint() %></b>. You have made <%= numguess.getnumguesses() %> guesses.<p> I'm thinking of a number between 1 and 100.<p> <form method=get> What's your guess? <input type=text name=guess> <input type=submit value="submit"> </form> <% } %> </body></html> webt serverside übersicht zeman, feisthammel, marti, burkert 04/ ! Produkt der Firma Allaire (später Macromedia, heute Adobe), als Erweiterung für verschiedene Web-Server unter NT/Windows und Unix (nicht alle Kombinationen verfügbar)! Verwendung von TAGs anstelle Kommandos <cfquery name="rscustomers" datasource="nba_membership"> select id, business from directory </cfquery> <cfoutput query="rscustomers">#id# #business#</cfoutput>! Integrierte Entwicklungsumgebung HomeSite ColdFusion Studio (nur NT/Windows) aber auch mit Dreamweaver.! Eingebauter Debugger mit Breakpoints, Watches etc.! Leichte Erweiterbarkeit um eigene TAGs " Leichte Erlernbarkeit, übersichtlich, vereinfachte Fehlersuche webt serverside übersicht zeman, feisthammel, marti, burkert 04/