Cómo Configurar Virtual Hosts en WAMP

Si trabajas con WAMP y necesitas configurar múltiples proyectos de forma organizada, los Virtual Hosts de Apache te permitirán acceder a ellos con URLs personalizadas en lugar de usar localhost/miproyecto.

En este tutorial, aprenderás cómo configurar Virtual Hosts en Apache dentro de WAMP (Windows, Apache, MySQL, PHP). Los Virtual Hosts te permiten trabajar con varios proyectos web en tu máquina local usando diferentes dominios, lo que hace más fácil el manejo y prueba de tus aplicaciones en desarrollo.

• Descargar e instalar WAMP Server.
• Tener conocimientos básicos sobre los archivos de configuración de Apache

Lo primero que necesitamos hacer es acceder al archivo de configuración de Virtual Hosts de Apache. Este archivo se encuentra dentro de la carpeta de configuración de Apache en WAMP.

1. Ubicación del archivo
   • Ve a la carpeta donde instalaste WAMP (por defecto suele ser C:\wamp64).
   • Abrimos el archivo C:\wamp64\bin\apache\apacheX.X.X\conf\extra\httpd-vhosts.conf con nuestro editor de texto favorito (Notepad++, VSCode)
2. Configurar el Virtual Host
   • DocumentRoot: La ruta de la carpeta donde tienes el proyecto que quieres mostrar.
   • ServerName: El nombre que le quieres dar al dominio local, como miproyecto.com.
   • ${INSTALL_DIR}: Usamos esta variable cuyo contenido es C:/wamp64/www/ y guardamos el archivo.

<VirtualHost *:80>   
    DocumentRoot "${INSTALL_DIR}/www/miproyecto/public"
    ServerName miproyecto.com.devel
    ServerAlias www.miproyecto.com.devel
    <Directory "${INSTALL_DIR}/www/miproyecto/public">
        Options Indexes FollowSymLinks     
        AllowOverride All
        Require all granted  
    </Directory> 
</VirtualHost>

El archivo hosts en tu ordenador le dice a Windows a qué dirección IP corresponde un nombre de dominio. Para que tu proyecto miproyecto.com apunte correctamente a tu servidor local, necesitamos añadir una línea en este archivo.

1. Ubicación del archivo:
   • Ve a la ubicación: C:\Windows\System32\drivers\etc\hosts
   • Ábrelo con tu editor favoritos con permisos de administrador.
2. Añade la siguiente línea al archivo:

127.0.0.1   miproyecto.com

3. Guarda los cambios

Esto hará que el nombre miproyecto.com apunte a la dirección local 127.0.0.1.

Para que Apache reconozca las configuraciones que acabas de modificar, es necesario reiniciar los servicios de WAMP.

Esto lo podemos hacer desde el área de notificación. Damos clic derecho sobre el icono de WAMP y seleccionamos Restart All Services.

Ahora que todo está configurado, abre tu navegador web y escribe en la barra de direcciones: http://miproyecto.com. Si todo está correctamente configurado, deberías ver tu proyecto cargado en el navegador

¡Y eso es todo! Ahora tienes un entorno de desarrollo local mucho más organizado usando Virtual Hosts en Apache con WAMP. Esta técnica te permitirá trabajar en múltiples proyectos simultáneamente, sin tener que depender de rutas complicadas o usar diferentes puertos. Si tienes algún problema o alguna duda, ¡no dudes en dejar un comentario y estaré encantado de ayudarte!