Lite mer om CGI-programmering Innehåll Vad är CGI? Vad är Forms? Vad är Perl? Forms, CGI och Perl Läs också: Internetprogrammering F 14 Kursboken s s 48-51 Exemplen på på kursens sidor: sidor: http://www.nada.kth.se/kurser/kth/2d4334/98-99/contents/cgi/examples.html previous next
CGI Vad är CGI? Common Gateway Interface är ett sätt att koppla program till HTML-sidor Klienten/bläddraren anropar och skickar data för behandling till ett program som "körs" på en server Varför CGI? Ett sätt att koppla beteende till HTML-sidor HTML är ju mest ett sätt att beskriva innehåll och inte beteende Exekvering på server istället för på klient Kan göra exekveringen säkrare (ur både klient och serverhänseende) Ger tillgång till kataloger, filer och andra program på servern Om vi tex vill använda databaser så är det lämpligt att placera dem på servern previous next 2
... Vilka programmeringsspråk kan man använda? Ett CGI-script kan skrivas i många olika språk, tex Perl, C/C++, TCL, C Shell, Visual Basic och AppleScript Vissa av dessa språk stöds inte av alla servrar eller servrar på vissa typer av plattformar Med vissa servrar kan man också använda språk som Java och Smalltalk Hur ser ett CGI-program ut? Ett program som är kopplat via CGI till en websida hanterar data som skickats via GET eller POST från den aktuella sidan Vidare kan programmet hantera andra omgivningsvariabler för att tex kontrollera om anropande websida "körs" från en bläddrare på en gilltig plattform (vi kan tex se till att endast bläddrare startade på någon av NADAs datorer kan köra CGI-programmet) previous next 3
Viktigt! CGI på NADA Placera filen i din cgi-bin-katalog /afs/nada.kth.se/public/www.student/cgi-bin/dittanvändarnamn Se till att alla får exekveringsrättigheter Det är viktigt att sätta rättigheter för filen som innehåller ett CGI-program så att alla kan exekvera den Det är ett ganska vanligt fel att man glömt sätta dess rättigheter och därmed kan inte servern köra programmet Viktigt! Under UNIX (dvs bla på NADA) sätter du filens (här FILNAMN) exekveringsflagga (x) så att alla (others) kan köra den genom att utföra följande UNIX-kommando chmod o+x FILNAMN Om du vill ha mer info om chmod utför kommandot man chmod previous next 4
... Referensen till dina script blir http://cgi.student/cgi-bin/dittanvändarnamn/dinfil Testa dina program så långt det är möjligt utanför webbsystemet först, dvs från terminal i stil med: >perl DinFil.pl Vi fel i exkvering via web kan du ha hjälp av http://cgi.student/cgi-bin/get-errlog previous next 5
CGI några referenser CGI Tutorial http://agora.leeds.ac.uk/perl/cgi/start.html Allmänn "site" http://www.cgi-resources.com previous next 6
Forms Vad är Forms? Ett sätt att i HTML skapa sidor som använder inmatning av information från användaren och koppla hantering till program på en server Vi kan hantera knappar, textfält, listor, mm Varför Forms? HTML är ett språk för att beskriva innehåll på sidor och inte hur det skall hanteras FORMS är ett sätt att beskriva olika grafiska objekt och koppla hanteringen av användarens inmatning via CGI till program skrivna i konventionella programspråk previous next 7
Vi anger program till vilket data från FORMEN skickas FORMEN kan vi både blanda vanlig HTML och komponenter... Forms, hur? En FORM ser ut ungefär så här <FORM ACTION="ProgramSomHanterarFormen" METHOD="GET"> Namn: <INPUT TYPE="text" NAME="user" SIZE=20 MAXLENGTH=40 VALUE=""> Inmatningsfält <BR> Lösenord: <INPUT TYPE="password" NAME="password" SIZE=20 MAXLENGTH=40 VALUE=""> Lösenordsfält <INPUT TYPE ="submit" VALUE="Logga in"> </FORM> En knapp som skickar FORMENS data "GET" eller "POST" beroende av hur data skall skickas Så Så här här ger ger vi vi namn namn på på komponenten komponenten som som sedan sedan kan kan användas användas av av programmet programmet för för att att läsa läsa dess dess data data CGI previous next 8
Alternativ till FORMS Som alternativ till FORMS kan vi tex använda Applets Fast lite besvärligare att programmera och så kör ju programmet på klientsidan vilket gör att det blir besvärligare att tex uppdatera en katalog på servern Servlets Javas motsvarighet till CGI fast anpassat till Java Plugin Det finns många typer av program som kan pluggas in till nätbläddraren för att sedan exekvera kod Ett problem är att det är osäkrare än både applets och CGI då man inte är säker på vad programmet kan göra på klientsidan (kanske ändra filer, starta program osv) JavaScript, DHTML mm I många situationer är dessa mer nätbläddrarinbyggda möjligheter enklast (och mest effektivt) att använda Vi återkommer till detta senare i kursen! CGI previous next 9
Perl (Practical Extraction and Report Language) För att exemplifiera CGI-script väljer vi att använda Perl. Vad är Perl? Perl är ett interpreterande programspråk inspirerat av C och cshell Finns på många plattformar (fast mest inspirerat av UNIX) Många funktioner för bla mönstermatchning Varför Perl? Relativt enkelt att använda Går att provköra som vanligt program från terminal Finns på flera plattformar Dock inbjuder inte Perl till välstrukturerade (speciellt stora) program På kursen lär vi oss inte Perl utan kommer bara använda en bråkdel för att illustrera principerna för CGI previous next 10 CGI
Perl... Kort översikt Se Perls hemsida: http://www.perl.com Se också gärna den blixtnsnabba introduktionen (till främst syntaxen) som du hittar på följande adress (klicka på pilikonerna längs ner till vänster) http://www.iupui.edu/npi/intro2perl/perl.html CGI Exempel Se nästa sidas rekommenderade referenser (se nästa sida) samt exemplen på kursens sidor (http://www.nada.kth.se/kurser/kth/2d4334/98-99/contents/cgi/examples.html) previous next 11
Perl några referenser Home page http://www.perl.com/perl/index.html Tutorial http://agora.leeds.ac.uk/perl/start.html previous next 12
En form kopplad ill test.pl. Vi använder GET Forms, CGI och Perl Ett enkelt exempel med HTML-kod med inmatning i ett textfält Data skickas till Perlprogram då knappen trycks <FORM ACTION="test.pl" METHOD="GET"> CGI Ett inmatningsfält om vi ger namnet message Skriv meddelande: <INPUT TYPE="text" NAME="message" SIZE=20 MAXLENGTH=40 VALUE=""> En knapp för att kicka data En knapp för att rensa inmatad nformation <INPUT TYPE ="submit" VALUE="Logga in"> <INPUT TYPE="reset" VALUE="Rensa inmatad information"> </FORM> previous next 13
Vi skickar HTML... Metod som användes för att skicka data (GET eller POST), samt medskickade data Vi hanterar bara GET #!/usr/local/bin/perl print "Content-type: text/html\n\n"; $REQUEST_METHOD = $ENV{ REQUEST_METHOD }; $QUERY_STRING = $ENV{ QUERY_STRING }; if($request_method ne "GET") { } print "Tyvärr jag klarar bara av <CODE>GET</CODE><P>Hej då!"; Dela exit(0); upp kommandosträngen den skall ju se ut så här kommando=argument ($COMMAND, $MESSAGE) = split(/=/, $QUERY_STRING); if($command eq "message") { } print "<H1>Du skickade följande</h1>"; print "Meddelande: $MESSAGE"; exit(0); exit(0); Det är Perl! Skalära Skalära variabler variabler skall skall börja börja med med $ $ Vi ekar bla det inskickade meddelandet Funktionen Funktionen $ENV $ENV kan kan användas användas för för att att läsa läsa omgivningsvariabler omgivningsvariabler är den okey så skickar vi tillbaks lite info previous next 14
... ett exempel Placera Perlfilen i din CGI-bin-katalog Testa först från terminal så att uppenbara fel (syntaxfel osv) är eliminerade Se till att filens rättigheter är riktiga CGI Publicera din HTML-sida Se till att hela sökvägen till samt namnet på filen är riktigt i ACTION-fältet Testa! previous next 15