8. Bijlagen
8.1. Hulpmiddelen voor webontwikkeling
Hier geven we aan waar u de benodigde tools voor webontwikkeling kunt vinden en hoe u deze kunt installeren. Sommige tools zijn in versie gewijzigd en het is mogelijk dat de hier gegeven uitleg niet meer van toepassing is op de meest recente versies. De lezer zal zich dan moeten aanpassen... In de cursus webprogrammering zullen we voornamelijk de volgende tools gebruiken, die allemaal gratis beschikbaar zijn:
- een recente browser die XML kan weergeven. De voorbeelden uit de cursus zijn getest met Internet Explorer 6.
- een recente JDK (Java Development Kit). De voorbeelden uit de cursus zijn getest met JDK 1.4. Deze JDK bevat de Java 1.4-plug-in voor browsers, waardoor deze Java-applets kunnen weergeven die gebruikmaken van Java 1.4.
- een Java-ontwikkelomgeving voor het schrijven van Java-servlets. Hier is dat JBuilder 7.
- webservers: Apache, PWS (Personal Web Server), Tomcat.
- Apache wordt gebruikt voor de ontwikkeling van webapplicaties in PERL (Practical Extracting and Reporting Language) of PHP (Personal Home Page)
- PWS zal worden gebruikt voor de ontwikkeling van webapplicaties in ASP (Active Server Pages) of PHP
- Tomcat zal worden gebruikt voor de ontwikkeling van webapplicaties met behulp van Java-servlets of JSP-pagina's (Java Server Pages)
- een applicatie voor databasebeheer: MySQL
- EasyPHP: een tool die de Apache-webserver, de taal PHP en SGBD MySQL samenbrengt
8.1.1. Webservers, browsers, scripttalen
- Belangrijkste webservers
- Apache (Linux, Windows)
- Interner Information Server IIS (NT), Personal Web Server PWS (Windows 9x)
- Belangrijkste browsers
- Internet Explorer (Windows)
- Netscape (Linux, Windows)
- Server-side scripttalen
- VBScript (IIS, PWS)
- JavaScript (IIS, PWS)
- Perl (Apache, IIS, PWS)
- PHP (Apache, IIS, PWS)
- Java (Apache, Tomcat)
- Talen .NET
- Scripttalen aan de browserzijde
- VBScript (IE)
- JavaScript (IE, Netscape)
- PerlScript (IE)
- Java (IE, Netscape)
8.1.2. Waar vind je de tools
http://www.netscape.com/ (downloadlink) | |
http://www.microsoft.com/windows/ie/default.asp | |
http://www.php.net http://www.php.net/downloads.php (Windows-binaries) | |
http://www.activestate.com http://www.activestate.com/Products/ http://www.activestate.com/Products/ActivePerl/ | |
http://msdn.microsoft.com/scripting (volg de link naar het Windows-script) | |
http://java.sun.com/ http://java.sun.com/downloads.html (JSE) http://java.sun.com/j2se/1.4/download.html | |
http://www.apache.org/ http://www.apache.org/dist/httpd/binaries/win32/ | |
opgenomen in NT 4.0 Option Pack voor Windows 95 opgenomen in CD voor Windows 98 http://www.microsoft.com/ntserver/nts/downloads/recommended/NT4OptPk/win95.asp | |
http://www.microsoft.com | |
http://jakarta.apache.org/tomcat/ | |
http://www.borland.com/jbuilder/ http://www.borland.com/products/downloads/download_jbuilder.html | |
http://www.easyphp.org/ http://www.easyphp.org/telechargements.php3 |
8.1.3. EasyPHP
Deze applicatie is erg handig omdat het in één pakket het volgende bevat:
- de Apache-webserver (1.3.x)
- de taal PHP (4.x)
- de SGBD MySQL (3.23.x)
- een beheerprogramma voor MySQL: PhpMyAdmin
De installatieapplicatie ziet er als volgt uit:
De installatie van EasyPHP verloopt probleemloos en er wordt een mappenstructuur aangemaakt in het bestandssysteem:
het uitvoerbare bestand van de applicatie | |
de directorystructuur van de Apache-server | |
de MySQL-structuur van SGBD | |
de directorystructuur van de phpMyAdmin-applicatie | |
de directorystructuur van php | |
de hoofdmap van de webpagina's die door de Apache-server van EasyPHP worden geleverd | |
structuur waarin CGI-scripts voor de Apache-server kunnen worden geplaatst |
Het belangrijkste voordeel van EasyPHP is dat de applicatie vooraf geconfigureerd wordt geleverd. Apache, PHP en MySQL zijn dus al geconfigureerd om samen te werken. Wanneer u EasyPhp start via de snelkoppeling in het programmamenu, verschijnt er een pictogram rechtsonder op het scherm.
 |  |
De E met een rode stip moet knipperen als de webserver Apache en de database MySQL operationeel zijn. Wanneer u er met de rechtermuisknop op klikt, verschijnen er menuopties:
Met de optie Administration kunt u instellingen aanpassen en de werking testen:
8.1.3.1. Beheer PHP
Met de knop 'php-info' kunt u controleren of de combinatie Apache-PHP correct werkt: er verschijnt dan een informatiepagina PHP:
De knop ‘Extensies’ geeft een overzicht van de geïnstalleerde extensies voor PHP. Dit zijn in feite bibliotheken met functies.
Het bovenstaande scherm laat bijvoorbeeld zien dat de functies die nodig zijn voor het gebruik van de database MySQL inderdaad aanwezig zijn.
De knop ‘Instellingen’ toont de login/motdepasse van de beheerder van de database MySQL.
Het gebruik van de database MySQL valt buiten het bestek van deze korte presentatie, maar het is hier duidelijk dat er een wachtwoord moet worden ingesteld voor de databasebeheerder.
8.1.3.2. Apache-beheer
Nog steeds op de beheerpagina van EasyPHP kunt u via de link ‘uw aliassen’ aliassen instellen die aan een map zijn gekoppeld. Hierdoor kunt u webpagina’s elders plaatsen dan in de map www van de boomstructuur van easyPhp.
Als u op de bovenstaande pagina de volgende gegevens invoert:
en de knop valider gebruikt, worden de volgende regels toegevoegd aan het bestand <easyphp>\apache\conf\httpd.conf:
Alias /st/ "e:/data/serge/web/"
<Directory "e:/data/serge/web">
Options FollowSymLinks Indexes
AllowOverride None
Order deny,allow
allow from 127.0.0.1
deny from all
</Directory>
<easyphp> verwijst naar de installatiemap van EasyPHP. httpd.conf is het configuratiebestand van de Apache-server. Je kunt dus hetzelfde doen door dit bestand rechtstreeks te bewerken. Een wijziging in het bestand httpd.conf wordt normaal gesproken onmiddellijk door Apache verwerkt. Als dat niet het geval is, moet je de server stoppen en vervolgens opnieuw starten, altijd via het EasyPHP-pictogram:
Om ons voorbeeld af te ronden, kunnen we nu webpagina’s in de mapstructuur e:\data\serge\web plaatsen:
en deze pagina opvragen met behulp van de alias st:
In dit voorbeeld is de Apache-server geconfigureerd om op poort 81 te werken. De standaardpoort is 80. Dit wordt bepaald door de volgende regel in het reeds genoemde bestand httpd.conf:
8.1.3.3. Het Apache-configuratiebestand htpd.conf
Als je Apache wat gedetailleerder wilt configureren, moet je het configuratiebestand httpd.conf, dat zich hier in de map <easyphp>\apache\conf bevindt, “met de hand” aanpassen:
Hier volgen enkele belangrijke punten uit dit configuratiebestand:
rol | |
geeft de map aan waarin de Apache-structuur zich bevindt | |
geeft aan op welke poort de webserver zal werken. Meestal is dit 80. Door deze regel te wijzigen, kan de webserver op een andere poort worden ingesteld | |
het e-mailadres van de beheerder van de Apache-server | |
de naam van de machine waarop de Apache-server draait | |
de installatiemap van de Apache-server. Wanneer er in het configuratiebestand relatieve bestandsnamen voorkomen, zijn deze relatief ten opzichte van deze map. | |
de hoofdmap van de boomstructuur van de webpagina's die door de server worden geleverd. Hier komt de url http://machine/rep1/fic1.html overeen met het bestand E:\Program Files\EasyPHP\www\rep1\fic1.html | |
stelt de eigenschappen van de vorige map in | |
logmap, dus in feite <ServerRoot>\logs\error.log: E:\Program Files\EasyPHP\apache\logs\error.log. Dit is het bestand dat u moet raadplegen als u merkt dat de Apache-server niet werkt. | |
E:\Program Files\EasyPHP\cgi-bin is de hoofdmap van de directorystructuur waar u CGI-scripts kunt plaatsen. De URL van het script CGI is dus URL http://machine/cgi-bin/rep1/script1.pl E:\Program Files\EasyPHP\cgi-bin\rep1\script1.pl. | |
stelt de eigenschappen van de bovenstaande map in | |
laadregels voor de modules waarmee Apache met PHP4 kan werken. | |
stelt de extensies in van de bestanden die moeten worden beschouwd als bestanden die door PHP moeten worden verwerkt |
8.1.3.4. Beheer van MySQL met PhpMyAdmin
Op de beheerpagina van EasyPhp klikt u op de knop PhpMyAdmin:
Via de vervolgkeuzelijst onder Accueil kunt u de huidige databases bekijken. |  |
Het getal tussen haakjes is het aantal tabellen. Als je een database selecteert, worden de tabellen daarin weergegeven: |  |
De webpagina biedt een aantal bewerkingen op de database:
Als je op de link Afficher van user klikt:
Er is hier slechts één gebruiker: root, de beheerder van MySQL. Door de link Modifier te volgen, zou men het wachtwoord kunnen wijzigen, dat momenteel leeg is, wat niet aan te raden is voor een beheerder.
We zullen verder niets zeggen over PhpMyAdmin, een veelzijdig programma dat een uitgebreide beschrijving van meerdere pagina’s zou verdienen.
8.1.4. PHP
We hebben gezien hoe je PHP kunt verkrijgen via de applicatie EasyPhp. Om PHP rechtstreeks te verkrijgen, ga je naar de website http://www.php.net.
PHP is niet alleen bruikbaar op het web. Je kunt het ook als scripttaal onder Windows gebruiken. Maak het volgende script aan en sla het op onder de naam date.php:
<?
// PHP-script dat de tijd weergeeft
$maintenant=date("j/m/y, H:i:s",time());
echo "Nous sommes le $maintenant";
?>
Ga in een venster met de naam DOS naar de map van date.php en voer het programma uit:
E:\data\serge\php\essais>"e:\program files\easyphp\php\php.exe" date.php
X-Powered-By: PHP/4.2.0
Content-type: text/html
Nous sommes le 18/07/02, 09:31:01
8.1.5. PERL
Het is aan te raden dat Internet Explorer al is geïnstalleerd. Als dit het geval is, zal Active Perl het zo configureren dat het PERL-scripts in de HTML-pagina's accepteert; deze scripts worden vervolgens door IE zelf aan de clientzijde uitgevoerd. De website van Active Perl is te vinden op URL http://www.activestate.comA. Na de installatie wordt PERL geïnstalleerd in een map die we <perl> zullen noemen. Deze bevat de volgende mapstructuur:
DEISL1 ISU 32 403 23/06/00 17:16 DeIsL1.isu
BIN <REP> 23/06/00 17:15 bin
LIB <REP> 23/06/00 17:15 lib
HTML <REP> 23/06/00 17:15 html
EG <REP> 23/06/00 17:15 eg
SITE <REP> 23/06/00 17:15 site
HTMLHELP <REP> 28/06/00 18:37 htmlhelp
Het uitvoerbare bestand perl.exe bevindt zich in <perl>\bin. Perl is een scripttaal die onder Windows en Unix draait. Het wordt bovendien gebruikt bij het programmeren van WEB. Laten we een eerste script schrijven:
# script PERL dat de tijd weergeeft
# modules
use strict;
# programma
my ($secondes,$minutes,$heure)=localtime(time);
print "Il est $heure:$minutes:$secondes\n";
Sla dit script op in een bestand met de naam heure.pl. Open een venster met de naam DOS, ga naar de map waarin het vorige script staat en voer het uit:
E:\data\serge\Perl\Essais>e:\perl\bin\perl.exe heure.pl
Il est 9:34:21
8.1.6. Vbscript, Javascript, Perlscript
Dit zijn scripttalen voor Windows. Ze kunnen in verschillende omgevingen worden uitgevoerd, zoals
- Windows Scripting Host voor direct gebruik in Windows, met name voor het schrijven van scripts voor systeembeheer
- Internet Explorer. Het wordt dan gebruikt binnen HTML-pagina’s, waaraan het een zekere mate van interactiviteit toevoegt die onmogelijk te bereiken is met alleen de taal HTML.
- Internet Information Server (IIS), de webserver van Microsoft op NT/2000, en zijn tegenhanger Personal Web Server (PWS) op Win9x. In dit geval wordt VBScript gebruikt voor server-side programmering, een technologie die door Microsoft ASP (Active Server Pages) wordt genoemd.
Het installatiebestand voor URL kan worden gedownload via: http://msdn.microsoft.com/scripting en volg de links naar Windows Script. Er worden geïnstalleerd:
- de Windows Scripting Host-container, waarmee verschillende scripttalen kunnen worden gebruikt, zoals VBScript en JavaScript, maar ook andere talen zoals PerlScript, dat bij Active Perl wordt geleverd.
- een VBscript-interpreter
- een JavaScript-interpreter
Laten we een paar snelle tests uitvoeren. Laten we het volgende programma vbscript schrijven:
' een klasse
class personne
Dim nom
Dim age
End class
' aanmaken van een persoonobject
Set p1=new personne
With p1
.nom="dupont"
.age=18
End With
' eigenschappen van persoon p1 weergeven
With p1
wscript.echo "nom=" & .nom
wscript.echo "age=" & .age
End With
Dit programma maakt gebruik van objecten. Laten we het objets.vbs noemen (de extensie vbs duidt op een VBScript-bestand). Ga naar de map waarin het zich bevindt en voer het uit:
E:\data\serge\windowsScripting\vbscript\poly\objets>cscript objets.vbs
Microsoft (R) Windows Script Host Version 5.6
Copyright (C) Microsoft Corporation 1996-2001. All rights reserved.
nom=dupont
age=18
Laten we nu het volgende JavaScript-programma schrijven dat gebruikmaakt van arrays:
// array in een variant
// lege array
tableau=new Array();
affiche(tableau);
// array groeit dynamisch
for(i=0;i<3;i++){
tableau.push(i*10);
}
// tabel weergeven
affiche(tableau);
// nogmaals
for(i=3;i<6;i++){
tableau.push(i*10);
}
affiche(tableau);
// meerdimensionale tabellen
WScript.echo("-----------------------------");
tableau2=new Array();
for(i=0;i<3;i++){
tableau2.push(new Array());
for(j=0;j<4;j++){
tableau2[i].push(i*10+j);
}//for j
}// for i
affiche2(tableau2);
// einde
WScript.quit(0);
// ---------------------------------------------------------
function affiche(tableau){
// tabel weergeven
for(i=0;i<tableau.length;i++){
WScript.echo("tableau[" + i + "]=" + tableau[i]);
}//voor
}//functie
// ---------------------------------------------------------
function affiche2(tableau){
// tabel weergeven
for(i=0;i<tableau.length;i++){
for(j=0;j<tableau[i].length;j++){
WScript.echo("tableau[" + i + "," + j + "]=" + tableau[i][j]);
}// for j
}//for i
}//functie
Dit programma maakt gebruik van tabellen. Laten we het tableaux.js noemen (het achtervoegsel js duidt op een JavaScript-bestand). Ga naar de map waarin het zich bevindt en voer het uit:
E:\data\serge\windowsScripting\javascript\poly\tableaux>cscript tableaux.js
Microsoft (R) Windows Script Host Version 5.6
Copyright (C) Microsoft Corporation 1996-2001. Tous droits réservés.
tableau[0]=0
tableau[1]=10
tableau[2]=20
tableau[0]=0
tableau[1]=10
tableau[2]=20
tableau[3]=30
tableau[4]=40
tableau[5]=50
-----------------------------
tableau[0,0]=0
tableau[0,1]=1
tableau[0,2]=2
tableau[0,3]=3
tableau[1,0]=10
tableau[1,1]=11
tableau[1,2]=12
tableau[1,3]=13
tableau[2,0]=20
tableau[2,1]=21
tableau[2,2]=22
tableau[2,3]=23
Tot slot nog een laatste voorbeeld in Perlscript. Om toegang te krijgen tot Perlscript moet Active Perl geïnstalleerd zijn.
<job id="PERL1">
<script language="PerlScript">
# klassieke Perl
%dico=("maurice"=>"juliette","philippe"=>"marianne");
@cles= keys %dico;
for ($i=0;$i<=$#sleutels;$i++){
$cle=$cles[$i];
$valeur=$dico{$cle};
$WScript->echo ("clé=".$cle.", valeur=".$valeur);
}
# van het Perl-script dat gebruikmaakt van Windows Script-objecten
$dico=$WScript->CreateObject("Scripting.Dictionary");
$dico->add("maurice","juliette");
$dico->add("philippe","marianne");
$WScript->echo($dico->item("maurice"));
$WScript->echo($dico->item("philippe"));
</script>
</job>
Dit programma laat zien hoe twee woordenboeken worden aangemaakt en gebruikt: één op de klassieke Perl-manier, de andere met het Scripting Dictionary-object van Windows Script. Laten we deze code opslaan in het bestand dico.wsf (wsf is de extensie van Windows Script-bestanden). Ga naar de map van dit programma en voer het uit:
E:\data\serge\windowsScripting\perlscript\essais>cscript dico.wsf
Microsoft (R) Windows Script Host Version 5.6
Copyright (C) Microsoft Corporation 1996-2001. Tous droits réservés.
clé=philippe, valeur=marianne
clé=maurice, valeur=juliette
juliette
marianne
Perlscript kan gebruikmaken van de objecten uit de container waarin het wordt uitgevoerd. In dit geval waren dat objecten uit de Windows Script-container. In de context van webprogrammering kunnen de scripts VBscript, JavaScript en Perlscript worden uitgevoerd, hetzij binnen de browser IE, hetzij op een server PWS of IIS. Als het script enigszins complex is, kan het verstandig zijn om het buiten de webcontext te testen, binnen de Windows Script-container zoals eerder besproken. Op deze manier kunnen alleen de functies van het script worden getest die geen gebruik maken van objecten die specifiek zijn voor de browser of de server. Zelfs met deze beperking blijft deze mogelijkheid interessant, omdat het over het algemeen vrij onpraktisch is om scripts te debuggen die binnen webservers of browsers worden uitgevoerd.
8.1.7. JAVA
Java is beschikbaar op URL: http://www.sun.com (zie het begin van dit document) en wordt geïnstalleerd in een mappenstructuur die we <java> zullen noemen en die de volgende elementen bevat:
22/05/2002 05:51 <DIR> .
22/05/2002 05:51 <DIR> ..
22/05/2002 05:51 <DIR> bin
22/05/2002 05:51 <DIR> jre
07/02/2002 12:52 8 277 README.txt
07/02/2002 12:52 13 853 LICENSE
07/02/2002 12:52 4 516 COPYRIGHT
07/02/2002 12:52 15 290 readme.html
22/05/2002 05:51 <DIR> lib
22/05/2002 05:51 <DIR> include
22/05/2002 05:51 <DIR> demo
07/02/2002 12:52 10 377 848 src.zip
11/02/2002 12:55 <DIR> docs
In de map 'bin' vindt u javac.exe, de Java-compiler, en java.exe, de Java Virtual Machine. U kunt de volgende tests uitvoeren:
- Schrijf het volgende script:
//Java-programma dat de tijd weergeeft
import java.io.*;
import java.util.*;
public class heure{
public static void main(String arg[]){
// datum en tijd ophalen
Date maintenant=new Date();
// we geven weer
System.out.println("Il est "+maintenant.getHours()+
":"+maintenant.getMinutes()+":"+maintenant.getSeconds());
}//main
}//klasse
- Sla dit programma op onder de naam heure.java. Open een venster met de naam DOS. Ga naar de map waarin het bestand heure.java staat en compileer het:
D:\data\java\essais>c:\jdk1.3\bin\javac heure.java
Note: heure.java uses or overrides a deprecated API.
Note: Recompile with -deprecation for details.
In het bovenstaande commando moet c:\jdk1.3\bin\javac worden vervangen door het exacte pad naar de compiler javac.exe. In dezelfde map als heure.java moet u een bestand heure.class vinden; dit is het programma dat nu door de virtuele machine java.exe zal worden uitgevoerd.
- Voer het programma uit:
8.1.8. Apache-server
We hebben gezien dat we de Apache-server konden verkrijgen via de toepassing EasyPhp. Om deze rechtstreeks te verkrijgen, gaan we naar de website van Apache: http://www.apache.org. Tijdens de installatie wordt een mappenstructuur aangemaakt waarin alle benodigde bestanden voor de server te vinden zijn. Laten we deze map <apache> noemen. Deze bevat een mappenstructuur die er ongeveer als volgt uitziet:
UNINST ISU 118 805 23/06/00 17:09 Uninst.isu
HTDOCS <REP> 23/06/00 17:09 htdocs
APACHE~1 DLL 299 008 25/02/00 21:11 ApacheCore.dll
ANNOUN~1 3 000 23/02/00 16:51 Announcement
ABOUT_~1 13 197 31/03/99 18:42 ABOUT_APACHE
APACHE EXE 20 480 25/02/00 21:04 Apache.exe
KEYS 36 437 20/08/99 11:57 KEYS
LICENSE 2 907 01/01/99 13:04 LICENSE
MAKEFI~1 TMP 27 370 11/01/00 13:47 Makefile.tmpl
README 2 109 01/04/98 6:59 README
README NT 3 223 19/03/99 9:55 README.NT
WARNIN~1 TXT 339 21/09/98 13:09 WARNING-NT.TXT
BIN <REP> 23/06/00 17:09 bin
MODULES <REP> 23/06/00 17:09 modules
ICONS <REP> 23/06/00 17:09 icons
LOGS <REP> 23/06/00 17:09 logs
CONF <REP> 23/06/00 17:09 conf
CGI-BIN <REP> 23/06/00 17:09 cgi-bin
PROXY <REP> 23/06/00 17:09 proxy
INSTALL LOG 3 779 23/06/00 17:09 install.log
map met Apache-configuratiebestanden | |
map met Apache-logbestanden (monitoring) | |
de uitvoerbare bestanden van Apache |
8.1.8.1. Configuration
In de map <Apache>\conf bevinden zich de volgende bestanden: httpd.conf, srm.conf, access.conf. In de nieuwste versies van Apache zijn de drie bestanden samengevoegd in httpd.conf. We hebben de belangrijkste punten van dit configuratiebestand al besproken. In de volgende voorbeelden is de Apache-versie van EasyPhp gebruikt voor de tests en dus ook het bijbehorende configuratiebestand. Daarin is DocumentRoot, dat de root van de webpagina-structuur aangeeft, e:\program files\easyphp\www.
8.1.8.2. Link PHP - Apache
Maak voor het testen het bestand intro.php aan met alleen de volgende regel:
<? phpinfo() ?>
en plaats het in de hoofdmap van de Apache-server (DocumentRoot hierboven). Vraag de URL http://localhost/intro.php op. Je zou een lijst met informatie moeten zien: php:
Het volgende script PHP geeft de tijd weer. We zijn dit al eerder tegengekomen:
<?
// tijd: aantal milliseconden sinds 01/01/1970
// "weergaveformaat datum-tijd
// d: dag in twee cijfers
// m: maand (2 cijfers)
// y: jaar (2 cijfers)
// H: uur 0,23
// i: minuten
// s: seconden
print "Nous sommes le " . date("d/m/y H:i:s",time());
?>
Plaats dit tekstbestand in de hoofdmap van de Apache-server (DocumentRoot) en noem het date.php. Laten we met een browser de pagina URL http://localhost/date.php opvragen. We krijgen dan de volgende pagina te zien:
8.1.8.3. Link PERL-APACHE
Dit wordt gerealiseerd via een regel in de vorm: ScriptAlias /cgi-bin/ "E:/Program Files/EasyPHP/cgi-bin/" in het bestand <apache>\conf\httpd.conf. De syntaxis is ScriptAlias /cgi-bin/ "<cgi-bin>", waarbij <cgi-bin> de map is waarin CGI-scripts kunnen worden geplaatst. CGI (Common Gateway Interface) is een standaard voor de communicatie tussen de WEB-server en applicaties. Een client vraagt de webserver om een dynamische pagina, c.a.d, een pagina die door een programma wordt gegenereerd. De server WEB moet dus een programma vragen om de pagina te genereren. CGI definieert de communicatie tussen de server en het programma, met name de wijze waarop informatie tussen deze twee entiteiten wordt overgedragen.
Wijzig indien nodig de regel ScriptAlias /cgi-bin/ "<cgi-bin>" en start de Apache-server opnieuw op. Voer vervolgens de volgende test uit:
- Schrijf het script:
#!c:\perl\bin\perl.exe
# script PERL dat de tijd weergeeft
# modules
use strict;
# programma
my ($secondes,$minutes,$heure)=localtime(time);
print <<FINHTML
Content-Type: text/html
<html>
<head>
<title>heure</title>
</head>
<body>
<h1>Il est $heure:$minutes:$secondes</h1>
</body>
FINHTML
;
- Plaats dit script in <cgi-bin>\heure.pl, waarbij <cgi-bin> de map is waarin CGI-scripts kunnen worden opgeslagen (zie httpd.conf). De eerste regel #!c:\perl\bin\perl.exe geeft het pad aan naar het uitvoerbare bestand perl.exe. Pas dit indien nodig aan.
- Start Apache op als dat nog niet is gebeurd
- Roep met een browser het bestand URL op via http://localhost/cgi-bin/heure.pl. Je krijgt dan de volgende pagina te zien:
8.1.9. De server PWS
8.1.9.1. Installation
De server PWS (Personal Web Server) is een persoonlijke versie van de server IIS (Internet Information Server) van Microsoft. Deze laatste is beschikbaar op NT- en 2000-computers. Op Win9x-computers is PWS normaal gesproken beschikbaar via het installatiepakket van Internet Explorer. Het wordt echter niet standaard geïnstalleerd. U moet een aangepaste installatie van IE uitvoeren en aangeven dat PWS moet worden geïnstalleerd. Het is overigens ook beschikbaar in het NT 4.0 Option Pack voor Windows 95.
8.1.9.2. Eerste tests
De basismap van de webpagina’s op de server PWS is drive:\inetpub\wwwroot, waarbij drive de schijf is waarop u PWS hebt geïnstalleerd. We gaan er hierna vanuit dat dit station D is. De URL http://machine/rep1/page1.html komt dus overeen met het bestand d:\inetpub\wwwroot\rep1\page1.html. De PWS-server interpreteert elk bestand met de extensie .asp (Active Server Pages) als een script dat hij moet uitvoeren om een HTML-pagina te genereren.
PWS werkt standaard op poort 80. De Apache-webserver ook... U moet Apache dus stoppen om met PWS te kunnen werken als u beide servers hebt. De andere oplossing is om Apache zo te configureren dat het op een andere poort draait. In het Apache-configuratiebestand httpd.conf vervangt u de regel Port 80 door Port 81. Apache draait dan voortaan op poort 81 en kan tegelijkertijd met PWS worden gebruikt. Als PWS is gestart en je de URL URL http://localhost opvraagt, krijg je een pagina die er ongeveer zo uitziet:
8.1.9.3. Link PHP - PWS
- Hieronder vindt u een .reg-bestand om het register aan te passen. Dubbelklik op dit bestand om het register te wijzigen. Hier bevindt de benodigde dll zich in d:\php4 samen met het uitvoerbare PHP-bestand. Pas dit indien nodig aan. De \-tekens moeten in het pad naar de DLL worden verdubbeld.
REGEDIT4
[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\w3svc\parameters\Script Map]
".php"="d:\\php4\\php4isapi.dll"
- Start de machine opnieuw op zodat de wijziging in het register wordt doorgevoerd.
- Maak een php-map aan in d:\inetpub\wwwroot, de hoofdmap van de server PWS. Activeer vervolgens PWS en ga naar het tabblad 'Geavanceerd'. Klik op de knop ‘Toevoegen’ om een virtuele map aan te maken:
Map/Bladeren: d:\inetpub\wwwroot\php
Alias: php
Vink het vakje ‘Uitvoeren’ aan.
- Bevestig alles en start PWS opnieuw op. Plaats in d:\inetpub\wwwroot\php het bestand intro.php met uitsluitend de volgende regel:
<? phpinfo() ?>
- Vraag de server PWS om de pagina http://localhost/php/intro.php. Je zou nu de lijst met PHP-informatie moeten zien die al bij Apache wordt weergegeven.
8.1.10. Tomcat: Java-servlets en JSP-pagina’s (Java Server Pages)
Tomcat is een webserver waarmee HTML-pagina’s kunnen worden gegenereerd met behulp van servlets (Java-programma’s die door de webserver worden uitgevoerd) of JSP-pagina’s (Java Server Pages), pagina’s waarin Java-code en HTML-code worden gecombineerd. Dit is het equivalent van de ASP-pagina's (Active Server Pages) van de IIS/PWS-server van Microsoft, waarbij VBScript-code of JavaScript wordt gecombineerd met HTML-code.
8.1.10.1. Installation
Tomcat is beschikbaar op URL: http://jakarta.apache.org. Je downloadt een .exe-installatiebestand. Wanneer je dit programma start, geeft het eerst aan welke JDK het gaat gebruiken. Tomcat heeft namelijk een JDK nodig om zichzelf te installeren en vervolgens de Java-servlets te compileren en uit te voeren. U moet dus een Java-JDK hebben geïnstalleerd voordat u Tomcat installeert. De meest recente JD wordt aanbevolen. De installatie maakt een <tomcat>-mappenstructuur aan:
De installatie bestaat simpelweg uit het uitpakken van dit archief in een map. Kies een map waarvan het pad alleen namen zonder spaties bevat (bijvoorbeeld niet "Program Files"), omdat er een bug zit in het installatieproces van Tomcat. Kies bijvoorbeeld C:\tomcat of D:\tomcat. Laten we deze map <tomcat> noemen. Daarin bevindt zich een map met de naam jakarta-tomcat en daarin de volgende mapstructuur:
LOGS <REP> 15/11/00 9:04 logs
LICENSE 2 876 18/04/00 15:56 LICENSE
CONF <REP> 15/11/00 8:53 conf
DOC <REP> 15/11/00 8:53 doc
LIB <REP> 15/11/00 8:53 lib
SRC <REP> 15/11/00 8:53 src
WEBAPPS <REP> 15/11/00 8:53 webapps
BIN <REP> 15/11/00 8:53 bin
WORK <REP> 15/11/00 9:04 work
8.1.10.2. De Tomcat-webserver starten/stoppen
Tomcat is een webserver, net als Apache of PWS. Om deze te starten, zijn er snelkoppelingen beschikbaar in het programmamenu:
om Tomcat te starten | |
om Tomcat te stoppen |
Wanneer je Tomcat start, verschijnt er een DOS-venster met de volgende inhoud:
U kunt dit DOS-venster minimaliseren. Het blijft zichtbaar zolang Tomcat actief is. Vervolgens kunt u de eerste tests uitvoeren. De Tomcat-webserver draait op poort 8080. Zodra Tomcat is gestart, opent u een webbrowser en gaat u naar http://localhost:8080. U zou de volgende pagina moeten zien:
Volg de link Servlet Examples:
Klik op de link Execute van RequestParameters en vervolgens op die van Source. Zo krijgt u een eerste indruk van wat een Java-servlet is. U kunt hetzelfde doen met de links op de pagina's JSP.
Om Tomcat te stoppen, gebruik je de link ‘Stop Tomcat’ in het programmamenu.
8.1.11. JBuilder
JBuilder is een ontwikkelomgeving voor Java-toepassingen. Voor het bouwen van Java-servlets zonder grafische interfaces is een dergelijke omgeving niet strikt noodzakelijk. Een teksteditor en een JDK volstaan. Alleen biedt JBuilder enkele extra voordelen ten opzichte van de vorige methode:
- gemak bij het debuggen: de compiler geeft aan welke regels in een programma fouten bevatten en het is eenvoudig om daar naartoe te gaan
- codesuggesties: wanneer je een Java-object gebruikt, geeft JBuilder direct de lijst met eigenschappen en methoden ervan weer. Dit is erg handig, aangezien de meeste Java-objecten zeer veel eigenschappen en methoden hebben die moeilijk te onthouden zijn.
JBuilder is te vinden op de website http://www.borland.com/jbuilder. Je moet een formulier invullen om de software te verkrijgen. Een activeringscode wordt per e-mail verzonden. Om JBuilder 7 te installeren, is bijvoorbeeld als volgt te werk gegaan:
- er werden drie zip-bestanden gedownload: voor de applicatie, voor de documentatie en voor de voorbeelden. Elk van deze zip-bestanden heeft een aparte link op de website van JBuilder.
- Eerst werd de applicatie geïnstalleerd, daarna de documentatie en ten slotte de voorbeelden
- Wanneer u de applicatie voor het eerst start, wordt om een activeringscode gevraagd: dit is de code die u per e-mail hebt ontvangen. In versie 7 bestaat deze code in feite uit een volledig tekstbestand dat u bijvoorbeeld in de installatiemap van JB7 kunt plaatsen. Op het moment dat om de sleutel wordt gevraagd, wijst u het betreffende bestand aan. Zodra dit is gebeurd, wordt de sleutel niet meer gevraagd.
Er zijn enkele nuttige instellingen die u moet uitvoeren als u JBuilder wilt gebruiken om Java-servlets te bouwen. De zogenaamde ‘Jbuilder Personal’-versie is namelijk een vereenvoudigde versie die met name niet alle klassen bevat die nodig zijn voor webontwikkeling in Java. Je kunt ervoor zorgen dat JBuilder gebruikmaakt van de klassenbibliotheken die door Tomcat worden geleverd. Dit doe je als volgt:
- start JBuilder
- schakel de optie Tools/Configure JDKs in
In het gedeelte JDK Settings hierboven staat normaal gesproken in het veld Name een JDK 1.3.1. Als u een nieuwere versie van JDK hebt, gebruik dan de knop Change om de installatiemap van deze versie aan te geven. Hierboven is de map E:\Program Files\jdk14 aangewezen, waarin een JDK 1.4 was geïnstalleerd. Voortaan zal JBuilder deze JDK gebruiken voor zijn compilaties en uitvoeringen. In het gedeelte (Class, Source, Documentation) staat de lijst met alle klassenbibliotheken die door JBuilder zullen worden doorzocht, in dit geval de klassen van JDK 1.4. De klassen hiervan zijn niet voldoende om webontwikkeling in Java te doen. Om andere klassenbibliotheken toe te voegen, gebruik je de knop Add en selecteer je de extra .jar-bestanden die je wilt gebruiken. De .jar-bestanden zijn klassenbibliotheken. Tomcat 4.x bevat alle klassenbibliotheken die nodig zijn voor webontwikkeling. Deze bevinden zich in <tomcat>\common\lib, waarbij <tomcat> de installatiemap van Tomcat is:
Met de knop Add voegen we deze bibliotheken één voor één toe aan de lijst met bibliotheken die door JBuilder worden doorzocht:
Vanaf nu kunnen we Java-programma's compileren die voldoen aan de norm J2EE, met name Java-servlets. JBuilder dient alleen voor het compileren; de uitvoering wordt later verzorgd door Tomcat volgens de procedures die in de cursus worden uitgelegd.