Aggiungere dei Virtual Hosts in XAMPP

Creare in locale un ambiente completo per sviluppare le nostre applicazioni web è un requisito pressochè fondamentale.
Dopo anni in cui ho sempre eseguito manualmente l’installazione di un server WAMP in locale è arrivato il momento di semplificare e velocizzare questa operazione. Meglio tardi che mai direte voi, ma sono una persona a cui piace avere il controllo assoluto quindi tendo ad automatizzare con molta difficoltà.
Programmi come XAMPP o WAMPSERVER sono veramente ottimi per eseguire questa operazione in pochi minuti e soprattutto con un’unica installazione.

Il problema

Una volta installato XAMPP, vi è un unico dominio: http://localhost/ che corrisponde alla directory C:\xampp\htdocs.
Potremmo pensare di lavorare sempre all’interno di questa directory creando delle sottocartelle corrispondenti ai vari siti ma, questo non è certamente una buona soluzione. Questo approccio difatti porterà ad avere:

• Problemi con inclusioni server-side.
• Problemi con percorsi relativi root.
• L’indirizzo di un ipotetico sitoA sarà: http://localhost/sitoA/index.php al posto di un più comodo http://sitoA.
• Siamo obbligati a lavorare esclusivamente nella directory di default (di solito C:\xampp\htdocs).

La soluzione

La soluzione a tutti questi problemi si chiama Virtual Hosts (hosts virtuali), che possiamo creare con 2 semplici passaggi.

1. Aggiungere degli Hosts Virtuali nella configurazione di apache: questa configurazione serve per informare Apache dove sono localizzati i files di una determinata richiesta (es: http://sitoA).
2. Aggiornare il file host di Windows: questa configurazione serve per associare uno specifico indirizzo IP ad un nome di dominio. In questo modo (specificando il 127.0.0.1) forzeremo che il nostro ipotetico sito http://sitoA si cercato sul server web locale piuttosto che su internet (dove molto probabilmente non sarebbe trovato oppure corrisponderebbe ad un altro sito).

Step by Step

Vediamo ora come eseguire queste operazioni passo dopo passo, supponendo che abbimo scelto di creare i nostro sitoA all’interno della directory c:\www\:

Aggiornare la configurazione di Apache

1. Aprire con il notepad il seguente file: C:\xampp\apache\conf\extra\httpd-vhosts.conf
2. Aggiungere le seguenti righe:

   NameVirtualHost *:80
     <VirtualHost *:80>
       DocumentRoot "C:\xampp\htdocs"
       ServerName localhost
     </VirtualHost>
   
   <VirtualHost *:80>
       DocumentRoot "C:\wwww\siteA"
       ServerName siteA.locl
   	<Directory "C:\wwww\siteA">
   		DirectoryIndex index.php
   		AllowOverride All
   		Order allow,deny
   		Allow from all
   	</Directory>
   </VirtualHost>
   

   Le prime cinque righe servono ad attivare i Virtual Hosts su Apache ed a specificare C:\xampp\htdocs come percorso di default per http://localhost.
   Questo ci permetterà di continuare a raggiungere le pagine di configurazione di XAMPP attraverso l’indirizzo http://localhost (quindi è molto importante).
   Le righe successive servono a creare un Host Virtuale per il nuovo sito, non sto a spiegarle in dettaglio perchè piuttosto intuitive, il risultato finale sarà che digitando sulla barra degli indirizzi http://sitoA.locl sarà caricata la pagina: C:/wwww/siteA/index.php.

   Un trucchetto per essere sicuri di non “sovrascrivere” nessun sito realmente esistente su internet, perdendo così la possibilità di poterlo visualizzare, e quello di aggiungere al nostro dominio locale un suffisso o un prefisso particolare. Assegnare un dominio .locl può essere un’alternativa più che valida.

   Naturalmente ne creeremo uno per ogni sito.

3. Salvare e chiudere il file httpd-vhosts.conf

Aggiornare il file host di Windows

Ora non ci rimane che aggiungere una riga nuova per ogni Virtual Host creato sul file host:

1. Editare il file .host con il notepad: C:\Windows\System32\drivers\etc\host
   Tenete presente che su Vista (o successivi) per poter modificare questo file è necessario editarlo come amministratori, quindi aprire il notepad cliccando con il desto e scegliendo “Esegui come amministratore”.
2. Aggiungervi la seguente riga:

   127.0.0.1	siteA.locl
   

   l’indirizzo 127.0.0.1 si riferisce al tuo PC, quindi come spiegato in precedenza, aggiungendo questa riga non faremo altro che indicare a Windows di cercare l’indirizzo siteA.local sul PC locale anzichè sulla rete.

3. Salvare e chiudere il file host

Testare sul browser

A questo punto non ci rimane altro che aprire il nostro browser e caricare la pagina http://siteA.local. 😉

Risorse

http://www.apachefriends.org/it/xampp.html