Xampp: aggiungere dei virtual host su windows 10

Per creare in locale un ambiente completo per sviluppare le nostre applicazioni web puo essere necessario l’installazione di XAMPP.
Si tratta di programmi standalone che contengono tutto quello che serve per iniziare e per farlo facilmente anche su Windows 10

il problema di XAMPP

Una volta installato il programma, 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 sitoweb sarà: http://localhost/sitoweb/index.php al posto di un più comodo http://sito.web
• Siamo obbligati a lavorare esclusivamente nella directory di default (di solito C:\xampp\htdocs).

La soluzione dei Virtual Host

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.

Come procedere? Aggiornare la configurazione di Apache

Dobbiamo modificare il file C:\xampp\apache\conf\extra\httpd-vhosts.conf

Aggiungiamo la configurazione di un virtual host dedicato:

<VirtualHost *:80>
    ##ServerAdmin webmaster@sito.web
    DocumentRoot "C:\Users\utente\Documents\NetBeansProjects\sitoweb"
    ServerName sito.web
    ErrorLog "C:\Users\utente\Documents\NetBeansProjects\logs\sitoweb.log"
    CustomLog "C:\Users\utente\Documents\NetBeansProjects\logs\sitoweb_access.log" common

    <Directory "C:\Users\utente\Documents\NetBeansProjects\sitoweb">
    DirectoryIndex index.php
		AllowOverride All
		Order allow,deny
		Allow from all
    </Directory>
</VirtualHost>

Questo ci permetterà di continuare a raggiungere le pagine di configurazione di XAMPP attraverso l’indirizzo http://localhost (quindi è molto importante).
Contemporaneamente potremo raggiungere velocemente il sito web che stiamo sviluppando localmente attraverso l’indirizzo http://sito.web. Salviamo e chiudiamo il file httpd-vhosts.conf

Aggiornare il file host di Windows

Ora non ci rimane che aggiungere una riga nuova per ogni VHost creato sul file host:
Editare il file .host che si trova in questa posizione C:\Windows\System32\drivers\etc\host
Teneiamo presente che su Vista (o successivi) per poter modificare questo file è necessario editarlo come amministratori.

Aggiungiamo la riga:

127.0.0.1 sito.web

cosi ogni volta che digitiamo su qualsiasi browser del nostro computer questo indirizzo, lui lo va a cercare direttamente sul nostro pc e non sulla rete. Salviamo e chiudiamo il file host

ProviamoTestare sul browser

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

Risorse

Se volete invece volete questa configurazione su Linux potete leggere l’articolo dedicato

Per altre configurazioni o informazioni facciamo riferimento alla guida ufficiale http://www.apachefriends.org/it/xampp.html