Blog over OpenSource,Web en ICT in het algemeen

Virtuele hosts aanmaken onder XAMPP

Als je een lokale ontwikkelomgeving wilt installeren zodat je lekker met PHP/Perl en MySQL aan de gang kan kun je gebruik maken van bijvoorbeeld XAMPP. Dit pakket zorgt ervoor dat je een Apache web server installeert die overweg kan met PHP en waarbij je tegelijk een databaseserver hebt met MySQL. Er zijn ook dezelfde pakketten te downloaden voor Linux of OSX (LAMP/MAMP).

Standaard is XAMPP zo uitgerust dat je 1 website kunt bouwen in de folder htdocs die je vindt in de hoofdfolder.
Zie voorbeeld.

Aangezien dit niet voldoende is voor mijn doeleinden zullen we Virtuele Hosts activeren zodat we zelf websites kunnen toevoegen. Daarbij wijzen we URL’s toe aan de websites die we maken. Bijvoorbeeld: http://website1. Hoe je dit doet lees je hieronder.

Deze handleiding is bedoeld voor Windows gebruikers. Het XAMPP pakket voor windows kun je bij apachefriends downloaden. Kies het zip bestand bij voorkeur en pak dat uit op je harde schijf.

Virtuele Hosts zijn niks meer dan adresjes die je toekent aan Apache met een verwijzing naar een folder waar de website staat. De browser stuurt het verzoek naar Apache en deze haalt uit de vhost lijst de juiste en laadt de website.

Apache onder XAMPP heeft een folder genaamd conf en daarin vind je de configuratie bestanden die je nodig hebt. Het bestand httpd.conf is het hoofd configuratie bestand en daarin wordt voor de vhosts een verwijzing opgenomen naar de map extra. Daarin vind je het bestand httpd-vhosts.conf. Open deze in een tekstbewerker als notepad of iets dergelijks.

Je activeert de vhosts door de volgende regel aan te passen. Verwijder de ##.


NameVirtualHost *:80

Standaard vind je verder een blok met voorbeeld code voor het aanmaken van een virtuele host. Deze is niet helemaal compleet. Als je bijvoorbeeld de directory verwijzing vergeet krijg je een foutmelding als je de website probeert te laten dat je geen toegang krijgt.
Onderstaand blok is voldoende. laat de blokken code die er in staan verder ongemoeid en neem de voorbeelden zoals hieronder over maar pas wel aan naar jouw eigen omgeving.



ServerAdmin postmaster@dummy-host2.localhost
DocumentRoot "d:/websites/wp"
ServerName wp
ServerAlias wp.local

ErrorLog "d:/websites/logs/wp-error.log"
CustomLog "d:/websites/logs/wp-access.log" combined


Options Indexes Includes execCGI
AllowOverride None
Order Allow,Deny
Allow From All


Zoals je kunt zien in dit voorbeeld heb ik op de D schijf een map websites aangemaakt en daaronder een map logs en een map wp. De map wp bevat een virtuele website. Pas je eigen situatie hier in aan. Bedenk je eigen ServerName zoals web, project of site etc. en pas de paden aan.

Open nu je XAMPP control-panel en herstart Apache.

Als laatste stap moeten we de hosts file bewerken die je kan vinden onder c:\windows\system32\drivers\etc. Je hebt echter wel administrator rechten nodig om dit bestand te bewerken. Als workaround op je een CMD venster als administrator. Start Notepad en gaat naar de hosts file.
neem daar de volgende regel in op. Wederom pas aan naar je eigen servernaam die je bedacht hebt en sla je hosts file op.


127.0.0.1 wp wp.local

Nu kan je in je browser het adres intypen (zonder www) en wordt je virtuele host website geladen. ( http://wp )

Succes! Heb je vragen, laat ze dan achter in de comments.

In de volgende aflevering laat ik zien hoe je virtuele hosts kan aanmaken op je Linux/OSX webserver.

Lees ook deze:

2 Responses to “Virtuele hosts aanmaken onder XAMPP”

  • Henk Lucas

    Ik heb in htdocs meerdere mappen gemaakt waarin ik diverse joomla sites heb staan in ontwikkeling.
    Ik heb geen bestanden aangepast en ik bereik de diverse sites door de naam van de directory achter localhost te zetten.
    Enkele voorbeelden:
    localhost\joomla17
    localhost\ontspannen
    localhost\letemple
    etc.

    Waarom doe jij het “zo moeilijk”?

  • APlanting

    goed punt Henk. Afhankelijk van de manier waarop je ontwikkelt kan je ervoor kiezen op deze manier te werken of gewoon in subfolders. het is een kwestie van smaak denk ik. waarom ik het vaak zo doe is het uploaden naar de live-omgeving. Op deze manier hoef je geen enkel pad aan te passen bijvoorbeeld. verder wilde ik het gewoon weten en documenteren, dat is alles.

  • Leave a Reply

    Comment moderation is enabled. Your comment may take some time to appear.

    Spam protection by WP Captcha-Free