Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten...

19
Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 1 van 19 www.inter-esse.be Xampp Web Development omgeving opzetten onder Windows. Inhoudsopgave 1. Lees dit eerst ................................................................................................................................... 2 2. Inleiding ........................................................................................................................................... 2 3. Installatie Xampp ............................................................................................................................. 3 1.1 Installatie Xampp Launcher ..................................................................................................... 7 1.2 Controle geïnstalleerde bestanden ....................................................................................... 10 2 Xampp opstarten ........................................................................................................................... 10 3 Xampp testen ................................................................................................................................ 12 3.1 Nog meer testen. ................................................................................................................... 13 3.2 FileZilla Server instellen ......................................................................................................... 14 4 De web server beveiligen .............................................................................................................. 15 4.1 Filezilla account aanmaken ................................................................................................... 15 4.2 De veiligheid testen van de modules .................................................................................... 16 5 Meegeleverde gereedschappen .................................................................................................... 18 5.1 phpMyAdmin ......................................................................................................................... 18 5.2 Webalizer............................................................................................................................... 18 6 Alle werkt. Wat nu? ....................................................................................................................... 19 Historiek Versie Datum Wijzigingen 1.0.0 06/12/2010 Initiële versie van dit document. 1.0.1 09/12/2010 Historiek van aanpassingen toegevoegd. Links toegevoegd naar opensource web applicaties. 1.1.0 16/02/2011 Wat meer informatie toegevoegd over de gebruikte versie. Hoofdstuk “Lees mij eerst toegevoegd”

Transcript of Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten...

Page 1: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 1 van 19 www.inter-esse.be

Xampp Web Development omgeving opzetten onder Windows.

Inhoudsopgave 1. Lees dit eerst ................................................................................................................................... 2

2. Inleiding ........................................................................................................................................... 2

3. Installatie Xampp ............................................................................................................................. 3

1.1 Installatie Xampp Launcher ..................................................................................................... 7

1.2 Controle geïnstalleerde bestanden ....................................................................................... 10

2 Xampp opstarten ........................................................................................................................... 10

3 Xampp testen ................................................................................................................................ 12

3.1 Nog meer testen. ................................................................................................................... 13

3.2 FileZilla Server instellen ......................................................................................................... 14

4 De web server beveiligen .............................................................................................................. 15

4.1 Filezilla account aanmaken ................................................................................................... 15

4.2 De veiligheid testen van de modules .................................................................................... 16

5 Meegeleverde gereedschappen .................................................................................................... 18

5.1 phpMyAdmin ......................................................................................................................... 18

5.2 Webalizer ............................................................................................................................... 18

6 Alle werkt. Wat nu? ....................................................................................................................... 19

Historiek

Versie Datum Wijzigingen

1.0.0 06/12/2010 Initiële versie van dit document.

1.0.1 09/12/2010 Historiek van aanpassingen toegevoegd. Links toegevoegd naar opensource web applicaties.

1.1.0 16/02/2011 Wat meer informatie toegevoegd over de gebruikte versie. Hoofdstuk “Lees mij eerst toegevoegd”

Page 2: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 www.inter-esse.be

1. Lees dit eerst De installatie beschreven in dit document heeft betrekking tot versie 1.7.3.

Intussen is dit reeds een verouderde versie, maar je kunt versie 1.7.3 nog steeds hier downloaden:

https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/1.7.3/

2. Inleiding Veel goedkope webhosting pakketten maken gebruik van Apache, PHP en MySQL om dynamische

websites mogelijk te maken. Het is tamelijk eenvoudig om ook een website op je Windows

werkstation op te zetten. Een zeer eenvoudige oplossing is om gebruik te maken van Xampp.

Dit artikel toont door middel van veel screenshots hoe je een web server kunt opzetten met Xampp.

Als je alle stappen doorlopen hebt heb je een web server voorzien van Apache, MySQL, PHP, Perl en

een FTP server. Deze installatie wordt aangemaakt op een externe harddisk zodat je de mogelijkheid

hebt om deze web server ook op te starten op een andere Windows werkstation of laptop.

Heel interessant is ook dat je met Xampp een aantal web applicaties zoals Webalizer, phpMyAdmin

ter beschikking hebt zodat je onmiddellijk aan de slag kan.

Na de installatie van Xampp worden nog wat instellingen gewijzigd zodat de webserver voldoende

veilig is en niet zomaar door iedereen kan gebruikt worden.

Page 3: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 3 van 19 www.inter-esse.be

3. Installatie Xampp Download van Xamp: http://portableapps.com/apps/development/xampp

Download XAMPP Launcher

Page 4: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 4 van 19 www.inter-esse.be

Installatie Xamp op Externe harddisk:

De H drive is mijn externe harddisk.

De installatie is bezig …

Page 5: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 5 van 19 www.inter-esse.be

Na de installatie worden enkele vragen gesteld.

Ik wil geen startmenu op de desktop.

Ja, zet het path goed.

Page 6: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 6 van 19 www.inter-esse.be

Gebruik geen drive letter, want op mijn andere computer heeft de externe harddisk een andere drive

letter.

De installatie is bijna vervolledigd.

De voorgestelde tijdzone is goed voor mij.

Page 7: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 7 van 19 www.inter-esse.be

We kunnen afsluiten. Daarna moeten we wel nog de Xampp Laucher installeren.

1.1 Installatie Xampp Launcher Xampp Laucher is een klein utility dat we gebuiken om gemakkelijk Apache, MySQL o.a. de FTP server

op te starten.

Ik kies voor Nederlands …

Page 8: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 8 van 19 www.inter-esse.be

Ik installeer de Xampp Launcher ook op de externe harddisk.

Persoonlijk installeer ik de applicatie in een sub-directory van PortableApps, want daar staan nog tal

van andere applicaties geïnstalleerd.

Page 9: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 9 van 19 www.inter-esse.be

Het is een klein programmatje, de installatie verloopt razend snel.

Page 10: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 10 van 19 www.inter-esse.be

1.2 Controle geïnstalleerde bestanden Na de installatie zijn er op de externe harddisk twee directories terug te vinden:

De installatie is nu achter de rug. We kunnen van start gaan met het opstarten van de verschillende

applicaties.

2 Xampp opstarten Om de verschillende onderdelen van de web server onder Windows op te starten, maken we gebruik

van het programma XAMPPLauncher.

Na het opstarten van deze applicatie zie je een kleine GUI:

Page 11: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 11 van 19 www.inter-esse.be

Klik op de start knop van Apache en MySQL. Na een paar seconden zie je een status “running”.

Voila, de web server draait. Nu kunnen we een paar testen uitvoeren.

Als je een module niet in een status “Running” krijgt kun je een “Port-Check” uitvoeren om na te

gaan of de bestaande poorten niet in gebruik zijn. Als een poort in gebruik is zul je moeten nagaan

door welke applicatie die wordt gebruikt.

Vb.: Apache draait standaard onder poort 80. Maar ook de Windows service “World Wide Web

Publishing Service” maakt gebruik van die service. Die zal je eventueel moeten stoppen of de apache

configuratie aanpassen zodat die gebruik maakt van een alternatieve poort. Bijvoorbeeld 88 of 8080.

Page 12: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 12 van 19 www.inter-esse.be

3 Xampp testen Om na te gaan of apache goed draait, open een browser en surf naar onderstaand adres.

http://localhost/xampp/splash.php

Het adres “localhost” wil zeggen dat de browser naar zichzelf moet connecteren.

Om vanaf een andere computer naar je web server te connecteren, moet je het IP adres of de naam

van het werkstation kennen.

Je moet volgende pagina te zien krijgen nadat je de link hebt geopend:

Kies voor “Nederlands”. Vervolgens krijg je volgend scherm te zien:

Page 13: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 13 van 19 www.inter-esse.be

3.1 Nog meer testen. We klikken op “Status” . Hier kun je mooi zien dat de meeste componenten geactiveerd zijn. Ruim

voldoende om van start te gaan met onze web server.

Met de web server die we nu draaiende hebben kunnen we zowel PHP, Perl als ASP scripts uitvoeren.

Page 14: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 14 van 19 www.inter-esse.be

3.2 FileZilla Server instellen Zolang je enkel op je werkstation werkt heb je geen extra modules nodig. Wil je echter ook

bestanden naar je webserver kopiëren over het internet, dan heb je een FTP server nodig. Xampp

voorziet een FTP server: Filezilla.

We klikken op de start knop van FileZilla:

Page 15: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 15 van 19 www.inter-esse.be

4 De web server beveiligen Als je van plan ben je web server via het internet toegankelijk te maken, kun je best een aantal

aanpassingen doorvoeren je je webserver veiliger maken.

4.1 Filezilla account aanmaken U kunt best anonymous uitschakelen en een account toevoegen waar een paswoord op geactiveerd

is.

Page 16: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 16 van 19 www.inter-esse.be

4.2 De veiligheid testen van de modules Vanuit de browser kun je nagaan hoe veilig je web serve is ingesteld. Klik op veiligheid:

Deze screenshots toont aan dat de veiligheidsmaatregelingen reeds zijn uitgevoerd.

Je kunt hier ook best ervoor zorgen dat de MySQL Database server een paswoord heeft en dat

PhpMyAdmin ook voorzien is van een paswoord.

Xampp maakt het U gemakkelijk om de veiligheid te verhogen.

Daarvoor kunt U gebruik maken van dit script: http://localhost/security/xamppsecurity.php

Page 17: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 17 van 19 www.inter-esse.be

Vul een paswoord in dat veilig genoeg is. Via deze pagina wordt een paswoord ingesteld voor de

MySQL Database, voor PhpMyAdmin en voor Apache (Xampp Directory beveiliging).

Opgelet: na het doorvoeren van deze veiligheidmaatregelingen zullen de meegeleverde applicaties

zoals CD-Collectie niet meer werken.De configuratie van die web-applicatie moet dan aangepast

worden met het gewijzigd paswoord.

Wat U best ook kunt doen is met PhpMyAdmin een extra MySQL login toevoegen die U gebruikt voor

de PHP scripts die een connectie moeten maken naar de MySQL database.

Na het beveiligen van de apache server zult U nu ook een login en paswoord moeten invullen met

toegang te hebben tot de verschillende pagina’s:

Page 18: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 18 van 19 www.inter-esse.be

5 Meegeleverde gereedschappen Een aantal interessante web applicaties die bij Xampp zijn meegeleverd zijn o.a. phpMyAdmin en

Webalizer.

5.1 phpMyAdmin Hiermee kunt U gemakkelijk de administratie van de MySQL Database server doen zoals:

Databases beheren

Tabellen beheren

Stored Procedures, triggers, views beheren

Gebruikers administratie

Gegevens in tabellen bekijken

Voor meer informatie hierover kunt U best de documentatie nazien.

5.2 Webalizer Webalizer is een applicatie die U gebruikt om netwerk trafiek van apache te analyseren zodat je kunt

nagaan welke applicaties het meest worden gebruikt.

Voor meer informatie over Webalizer kunt U ook best de documentatie nazien.

Page 19: Xampp omgeving opzetten onder Windows - Inter-esse · 2019. 2. 27. · Xampp omgeving opzetten onder Windows Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 2 van 19 1. Lees dit eerst

Xampp omgeving opzetten onder Windows

Peter Vandenberghe 16/02/2011 v1.1.0 Pagina 19 van 19 www.inter-esse.be

6 Alle werkt. Wat nu? Nu U een eigen web server hebt opgezet wilt U daar waarschijnlijk nog applicaties aan toevoegen of

zelf van start gaan met het ontwikkelen van eigen web applicaties.

Zo zou je een Content Management Systeem (CMS) zoals Joomla! Of Drupal kunnen opzetten, een

forum met phpBB of gewoon zelf iets ontwikkelen in PHP of in Perl.

http://www.joomla.org

http://drupal.org/

http://www.phpbb.com/

Alvast veel succes!