Como generar un dominio local en windows xampp

En este artículo, crearemos un host virtual en su computadora local para que pueda acceder al dominio "virtual" de cada proyecto (como un dominio falso que solo funciona en su computadora local) desde su navegador. Esta práctica permitirá que su servidor web Apache local use varios nombres de host, por lo que se puede acceder a cada proyecto a través de una URL separada, en lugar de que todos los proyectos locales estén en diferentes carpetas "localhost". ".

Para ello, comenzaremos a trabajar desde el servidor web Apache instalado con Xampp, pero de manera similar, este proceso podría funcionar perfectamente para Wamp o cualquier otro programa que se utilice para instalar un entorno de desarrollo en PHP.

El proceso es tan sencillo que puedes reproducirlo en 10 minutos sin mayores complicaciones. Consta de dos pasos principales:

1. Cree un host virtual en Windows editando el archivo "hosts"
2. Configure Apache para aceptar un VirtualHost y asócielo con su carpeta de Dropbox

1) Crear tu host local en Windows

El primer paso es configurar el archivo "hosts" de Windows, que mantiene una lista de nombres de dominio que se pueden asignar a direcciones IP. Utilizará el nombre de host que desee y lo asociará con su IP local.

El archivo de hosts en Windows 7 o Windows 10 se encuentra en la carpeta C:\Windows\System32\drivers\etc. Allí verás varios archivos, tendrás que editar el que se llama "Hosts".

Editar archivo de hosts en modo administrador

Ahora fíjate en un detalle importante. El archivo "hosts" está protegido contra escritura, debe ejecutar el Bloc de notas como administrador para guardar los cambios. Si no es administrador, recibirá un mensaje que dice "Verifique si este archivo ya está abierto en otro programa" o algo como "No tiene permiso para guardar en esta ubicación, solicite permiso a su administrador".

Para abrir como administrador, puede optar por abrir primero el Bloc de notas en modo administrativo. Para ello, en el menú Programas, haga clic con el botón derecho en el icono del Bloc de notas y seleccione "Ejecutar como administrador". Luego abra el archivo de hosts desde pad, luego le permitirá guardar los cambios.

Cuando otros programas, como el editor Notepad++, detectan que no tienen permiso para escribir el archivo, aparecerá un cuadro de diálogo para pedirle que confirme si desea escribir el archivo en modo administrador.

Los cambios que tienes que introducir en este fichero hosts son muy sencillos. Simplemente te diremos el nombre del host que vamos a virtualizar y la IP desde la que solicitar servicios. Tiene algunos ejemplos de la sintaxis que debería usar, pero son bastante simples.

127.0.0.1 miproyecto.local.com

Como puede ver, primero se indica la IP local 127.0.0.1, seguida de los nombres de los hosts virtuales, separados por espacios o tabuladores. El resultado se parecerá más o menos a la imagen de abajo. 

2) Configurar Apache para aceptar hosts virtuales

El segundo paso es un poco más complicado, pero en realidad lo hemos resuelto copiando y pegando. Esto abre el archivo de configuración de Apache para el host virtual "vhost". El archivo se encuentra en esta ruta en mi Xampp.

C:\xampp\apache\conf\extra

El nombre del archivo es: httpd-vhosts.conf. Por tanto, la ruta completa es C:\xampp\apache\conf\extra\httpd-vhosts.conf

Lo editas con cualquier editor y verás que también tiene una descripción de la sintaxis utilizada para configurar hosts virtuales en Apache. Agregaremos algunas líneas al final.

NameVirtualHost *
<VirtualHost *>
  DocumentRoot "C:\xampp\htdocs"
  ServerName localhost
</VirtualHost>
<VirtualHost *>
  DocumentRoot "C:\miproyecto\httpdocs"
  ServerName miproyecto.local.com
  <Directory "C:\miproyecto\httpdocs">
    Require all granted
  </Directory>
</VirtualHost>

Las primeras líneas le dicen a Apache que el host virtual localhost sigue siendo la carpeta "htdocs" de Xampp C:\xampp\htdocs. Es mejor mantenerlo de esta manera para que pueda conservar los archivos que tiene actualmente en su host local y tener acceso a las aplicaciones que ya tiene instaladas localmente, como PhpMyAdmin.

Luego tenemos un segundo host virtual, que está asociado con el que acabamos de crear. Allí verás algunos datos que tienes que editar. Primero, la ruta C:\myproject\httpdocs debe cambiarse a la ruta de la carpeta en su computadora, donde se encuentran los archivos del proyecto. Luego, también debe cambiar myproject.local.com por el nombre del host virtual que acaba de definir en su archivo de hosts de Windows.

La lista de códigos en el archivo httpd-vhosts.conf se parece más o menos a esto:

Reiniciar Apache

No olvide que después de realizar cambios en los archivos de configuración de Apache, debe reiniciar el servidor Apache para que surtan efecto.

Arreglar "¡Acceso prohibido!" Error 403

Un problema típico que te puedes encontrar en este punto es recibir un error 403 "Acceso prohibido" con el mensaje "No tienes permiso para acceder al directorio solicitado..." (en inglés encontrarás este error como "Acceso prohibido" Esto sucede porque Apache rechaza las conexiones debido a su configuración de Virtualhost.

En resumen, cambiará algunas líneas en el bloque "Contenidos". Con otras configuraciones me ha desaparecido el error 403.

<Directory "C:\miproyecto\httpdocs">
   Options All
   AllowOverride All
   Require all granted
</Directory>

En muchos sitios web, resuelven el mismo problema y brindan varias otras variantes de configuración que puede probar si encuentra este error de acceso. Le sugiero que consulte el enlace Agregar VirtualHost falla: Error de acceso prohibido 403 (XAMPP) (Windows 7) que tiene muchas variaciones y configuraciones que han funcionado para muchos otros desarrolladores.

Abriendo el virtual host recién configurado

Ahora todo lo que tienes que hacer es crear un archivo "index.html", "index.php" o lo que quieras y será accesible desde tu navegador.

http://miproyecto.local.com

Accederá a "index.php" o "index.html" en esa carpeta.

Eso es todo, tiene hosts virtuales configurados en Xampp y puede comenzar a desarrollar en un entorno más avanzado, similar a cuando pone su proyecto en producción. Es una configuración que solo nos llevó 10 minutos, pero que repercute en el desarrollo del día a día del proyecto.

Permitir el listado de directorio

Opcionalmente, otra cosa que resulta útil en algunos casos es permitir la lista de directorios en el host virtual (para que le muestre una lista de carpetas y archivos que tiene al acceder a un directorio que no tiene un documento predeterminado).

Las listas de directorios en su host virtual se implementan al incluir una línea de configuración en el elemento "directory".

<Directory "C:\miproyecto\httpdocs">
    Order allow,deny
    Allow from all
    Options Indexes FollowSymLinks
</Directory>

Con esto ya lo tienes todo configurado. Leer el artículo lleva más tiempo que hacer cambios en el sistema.

Muy bien ¿Has configurado tus hosts virtuales en Xampp? Bueno, ahora es posible que desee poder acceder a ese alojamiento web desde cualquier computadora o dispositivo en su red local de una manera cómoda para probarlo en otros sistemas, tabletas o teléfonos usando una conexión Wi-Fi.