Php Apache Xampp Server Configuration

Cómo Hacer que XAMPP Sirva Archivos Fuera del Directorio htdocs

Cuando se utiliza XAMPP para el desarrollo local, la configuración predeterminada sirve archivos desde el directorio htdocs. Sin embargo, los desarrolladores a menudo se encuentran con escenarios donde necesitan acceder a archivos ubicados en diferentes directorios. Si te preguntas cómo configurar XAMPP para servir archivos fuera de la carpeta htdocs, ¡estás en el lugar correcto! En esta entrada de blog, exploraremos los diversos métodos para lograr esto, enfatizando claridad y simplicidad.

Por Qué Podrías Querer Servir Archivos Fuera de htdocs

  • Preferencias Organizacionales: Podrías tener un directorio de proyecto estructurado y desear mantener los proyectos separados de la carpeta htdocs.
  • Acceso Más Fácil: Servir archivos directamente desde las ubicaciones de tu proyecto puede agilizar tu flujo de trabajo.
  • Múltiples Proyectos: Si estás trabajando en varios proyectos, gestionarlos todos dentro de htdocs puede volverse engorroso.

Ahora, profundicemos en los métodos que puedes utilizar para servir archivos fuera del directorio htdocs en XAMPP.

Método 1: Configurar Hosts Virtuales

Este método te permite crear direcciones únicas para tus proyectos, haciéndolos fáciles de acceder.

Pasos para Configurar Hosts Virtuales

  1. Abrir Archivo de Configuración: Navega a C:\xampp\apache\conf\extra\httpd-vhosts.conf.
  2. Habilitar Alojamiento Virtual: Descomenta la siguiente línea (normalmente alrededor de la línea 19): 
    NameVirtualHost *:80
  3. Agregar tu Configuración de Host Virtual: En la sección del host virtual (alrededor de la línea 36), agrega el siguiente código: 
    <VirtualHost *:80>
    DocumentRoot C:\Projects\transitCalculator\trunk
    ServerName transitcalculator.localhost
    <Directory C:\Projects\transitCalculator\trunk>
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>
  4. Modificar el Archivo Hosts: Abre tu archivo hosts ubicado en C:\Windows\System32\drivers\etc\hosts y agrega: 
    127.0.0.1 transitcalculator.localhost #transitCalculator
  5. Reiniciar Apache: Después de guardar los cambios, reinicia el servidor Apache.

Ahora, puedes acceder a tu proyecto a través de la URL http://transitcalculator.localhost/.

Método 2: Crear un Alias

Si prefieres un acceso más simple sin configurar hosts virtuales, crear un alias podría ser el camino a seguir.

Pasos para Crear un Alias

  1. Modificar http.conf: Abre C:\xampp\apache\conf\httpd.conf y encuentra la sección entre <Directory "C:/xampp/htdocs"> y </Directory>. Copia esta sección y pégala debajo, modificando la ruta a tu directorio deseado (por ejemplo, C:/Projects).
  2. Agregar Alias: Busca la sección <IfModule alias_module> (alrededor de la línea 300) y agrega: 
    Alias /transitCalculator "C:/Projects/transitCalculator/trunk"

Método 3: Cambiar tu Document Root

Este método implica alterar el documento raíz principal de tu instalación de XAMPP.

Pasos para Cambiar el Documento Raíz

  1. Abrir httpd.conf: Edita C:\xampp\apache\conf\httpd.conf.
  2. Modificar el Documento Raíz: Cambia la siguiente línea (alrededor de la línea 176): 
    DocumentRoot "C:/xampp/htdocs"
    a: 
    #DocumentRoot "C:/Projects"
  3. Ajustar Configuraciones de Directorio: Modifica la línea poco después (alrededor de la línea 203) para reflejar la nueva ubicación.

Notas Importantes

  • Asegúrate de usar barras diagonales (/) en lugar de barras invertidas () en tus rutas.
  • Evita barras diagonales finales al final de tus rutas de directorio.
  • Siempre reinicia tu servidor después de realizar cambios.

Conclusión

Servir archivos desde fuera del directorio htdocs en XAMPP puede mejorar tu experiencia de desarrollo y satisfacer tus necesidades organizacionales. Ya sea que elijas configurar hosts virtuales, crear un alias o cambiar tu documento raíz, cada método ofrece beneficios únicos adaptados a cómo gestionas tus proyectos.

¡Siente la libertad de elegir el método que mejor se adapte a tu flujo de trabajo y disfruta programando con más flexibilidad!