Crear Virtual Host con Xampp en Ubuntu

¿Qué es Virtual Host?

Virtual Host o Anfitrión Virtual es una herramienta que nos permite tener más de un proyecto web en un solo servidor.
Esto se puede hacer asignando nombres de dominio o números de IP a cada proyecto, permitiendo al servidor poder enrutar las peticiones de manera correcta.

¿Cuándo debería hacer uso de Virtual Host?

Nosotros recomendamos siempre hacer uso de Virtual Host, aún así solo vayas a trabajar en un solo proyecto, ahora, el uso obligatorio de esta herramienta viene cuando se tienen varios proyectos a la vez. Esto te ayudará para tener una mejor administración y ahorrar recursos.

Cómo habilitar Virtual Host con Xampp en Ubuntu

Los pasos siguientes suponen que ya hemos instalado Xampp en nuestro equipo y contamos con los permisos para trabajar sobre el directorio “htdocs“.
Vamos a hacer la configuración para trabajar con nombres de dominio, como recomendación usen la palabra “localhost” en sus dominio para identificar que están trabajando en un servidor local, ya que algunas veces los plugins/modules/themes de los CMS no funcionan porque detectan que están siendo usados en otros “sitios” y además esto te ayudará a evitar problemas con HTTPS.

1- Modificar el archivo “etc/hosts“
Desde la terminal escribimos el siguiente comando, recordemos que debemos editar nuestro archivo con el permiso de root, nosotros usamos “vi”, usa el editor de tu preferencia.

sudo vi /etc/hosts

Te deberá aparece la información siguiente:

Para agregar el nuevo dominio el cual apuntaremos a nuestro proyecto es de la siguiente forma:

127.0.0.1   localhost.miproyecto.com

Nota: Nosotros podemos agregar todos los dominios que necesitemos.

2- Crear el directorio de nuestro proyecto, generalmente al instalar XAMPP el directorio para los proyectos está en “/opt/lampp/htdocs“
Puedes crear el directorio de forma clásica, que sería navegar al directo y clic derecho “Nueva carpeta” o bien desde la terminal con el comando:

mkdir /opt/lampp/htdocs/miproyecto

Nota: También puedes crear un directorio para tus proyecto fuera del directorio “htdocs” y ya solamente hacer un enlace simbólico dentro del directorio.
Se debe crear un directorio por proyecto(al igual que un dominio por proyecto)

3- Editar el archivo de configuración del Apache “/opt/lampp/etc/httpd.conf“
Buscamos la línea “#Include etc/extra/httpd-vhosts.conf” y la descomentamos quitando el “#“

Esto nos permite habilitar el archivo que contiene la configuración para el virtual host.

4- Modificamos el archivo que acabamos de habilitar “httpd-vhosts.conf” con la configuración para cada proyecto
Borramos todo lo que no está comentado y quedaría algo así: