Aprende a configurar un host virtual fácilmente usando XAMPP en Ubuntu.

El uso de hosts virtuales en xampp es la práctica de ejecutar más de un sitio web (que apunta a recursos locales) en una sola máquina.

Los hosts virtuales están basados ​​en IP, lo que significa que tiene una dirección IP diferente para cada sitio web, o "basados ​​en nombre", lo que significa que tiene varios nombres ejecutándose en cada dirección IP. Esta práctica con XAMPP es útil cuando desea simular un entorno de producción (sin embargo, trabajando en un entorno de desarrollo) accediendo localmente a su proyecto mediante una URL normal en el navegador.

Para configurar un virtual personalizado, debemos seguir estos pasos:

  • Permita el uso del vhosts.confarchivo editando el  httpd.confarchivo.
  • Ahora cree un dominio personalizado en el hostsarchivo del sistema ( /etc/hosts).
  • Crea tu propio host virtual.
  • Inicie apache.
  • Pruébalo.

¡Empecemos!

1. Permitir el uso de hosts virtuales personalizados

De forma predeterminada, xampp en ubuntu no usará el httpd-vhosts.confarchivo (la ubicación de los hosts virtuales), por lo tanto, debemos indicar que este archivo se incluirá durante el tiempo de ejecución de apache. Abra con su editor de código favorito el httpd.confarchivo que se encuentra normalmente /opt/lampp/etco simplemente ejecute el siguiente comando en su terminal para abrir un editor simple:

sudo gedit /opt/lampp/etc/httpd.conf

Ahora ubíquese en (aproximadamente) la línea 487 donde probablemente encontrará las siguientes líneas:

# Virtual hosts
#Include etc/extra/httpd-vhosts.conf

Como puede ver, se comenta la declaración de inclusión que incluye el archivo httpd-vhosts.conf. Procede a modificar la línea descomentando esa línea:

# Virtual hosts
Include etc/extra/httpd-vhosts.conf

Y ya está listo para configurar su vhost personalizado.

2. Cree un dominio personalizado en el archivo de hosts de su sistema.

Debe crear un dominio personalizado al que apuntará nuestro host virtual apache. Este dominio será normalmente una ip (basada en 127.0.0.xx) y un nombre personalizado.

Para comenzar, edite el  hostsarchivo ubicado en /etcusando su editor de código favorito, o simplemente ejecutando el siguiente comando en la terminal:

sudo gedit /etc/hosts

Y proceda a agregar su host personalizado. En este ejemplo, nuestra ip será  127.0.0.3y el dominio  myawesomeproject. Entonces, finalmente, nuestro archivo de hosts se verá así:

127.0.0.1	localhost
127.0.0.5	myawesomeproject

#no toques otros valores existentes
# The following lines are desirable for IPv6 capable hosts
::1     ip6-localhost ip6-loopback
fe00::0 ip6-localnet
ff00::0 ip6-mcastprefix
ff02::1 ip6-allnodes
ff02::2 ip6-allrouters

Guarde el archivo y ahora el dominio myawesomeprojectes un alias para la dirección local 127.0.0.5.

3. Crea tu primer host virtual

Normalmente, debe crear el host virtual en el httpd-vhosts.confarchivo ubicado en  /opt/lampp/etc/extra. Use su editor favorito para editar ese archivo o simplemente ejecute el siguiente comando para editarlo en una terminal:

sudo gedit /opt/lampp/etc/extra/httpd-vhosts.conf

Y cree su propio host virtual en este archivo. Como se muestra en nuestro dominio personalizado en el archivo vhost del sistema, el puerto que vamos a utilizar es 127.0.0.5, por lo tanto nuestro host virtual será:

<VirtualHost 127.0.0.5:80>
  DocumentRoot "/opt/lampp/htdocs/my-first-project"
  DirectoryIndex index.php

  <Directory "/opt/lampp/htdocs/my-first-project">
	Options All
	AllowOverride All
	Require all granted
  </Directory>
</VirtualHost>

La configuración profunda y personalizada de su VirtualHostdepende de usted. Guarde el archivo y estará listo para probarlo.

4. Pruebe su host virtual

Para probarlo, en la carpeta /opt/lampp/htdocs/my-first-project, cree un archivo PHP simple ( index.php) que contendrá el siguiente código PHP:

<?php
echo "Hello world!";
?>

Inicie apache, mysql (XAMPP completo) usando el siguiente comando (o cualquiera que sea la forma en que inicie apache y los otros servicios requeridos):

sudo /opt/lampp/lampp start

Navegue en su navegador favorito a http: // myawesomeproject /  o http://127.0.0.5/  y debería obtener como salida " Hello World" en el navegador.

Que te diviertas ❤️!


Interesado en la programación desde los 14 años, Carlos es un programador autodidacta, fundador y autor de la mayoría de los artículos de Our Code World.

Conviertete en un programador más sociable

Patrocinadores