14 noviembre, 2019

Cómo configurar sitios web en WampServer

En el tutorial de Primeros pasos con WampServer vimos cómo instalar el servidor y crear nuestro primer «Hola Mundo» en PHP. Ahora, vamos a crear nuestro primer sitio web, bajo nuestro propio dominio, «www.holamundo.dev«, y guardando el código en el directorio que nosotros mismos vamos a elegir como directorio de desarrollo PHP. Vamos por partes.

Cambiar el directorio DocumentRoot

Por defecto, el directorio donde Apache sirve las páginas hechas en PHP se encuentra en «C:\wamp\www» (suponiendo que hemos instalado el servidor según el tutorial anterior. Esto quiere decir que las páginas que creemos deberían estar siempre ubicadas ahí dentro para que funcionen. Nosotros queremos poder elegir dónde vamos a guardarlas, para tenerlo más organizado. En mi caso, quiero agrupar todo lo que haga bajo el directorio «D:\Desarrollo\php«, donde crearé un directorio por cada proyecto, así que, para empezar, creo ese directorio, en la unidad D, para separarlo del sistema operativo (si no tenéis unidad D, podéis crearlo en C).

Una vez creado el directorio, tenemos que editar el archivo de configuración de Apache, para decirle que las páginas las tiene que servir desde nuestro directorio de trabajo. Este archivo se encuentra en «C:\wamp\bin\apache\apache2.4.9\conf\httpd.conf«, y podemos editarlo con cualquier editor de textos normal, como Sublime Text 3. Antes de editar nada, te recomiendo que hagas una copia del archivo, por si acaso.

Aquí buscaremos lo siguiente:

DocumentRoot "c:/wamp/www/"

Y lo reemplazaremos por nuestro directorio de trabajo:

DocumentRoot "d:/Desarrollo/php/"

En el mismo archivo buscamos:

<Directory "c:/wamp/www/">

Y lo reemplazamos por:

<Directory "d:/Desarrollo/php/">

Con esto, ya tenemos configurado el directorio de trabajo. Para comprobar que no hemos roto nada, guardamos el archivo, reiniciamos WampServer (hacemos clic  en el icono verde con el botón izquierdo del ratón y pulsamos en Restart All Services) y comprobamos que se vuelve a poner en verde. Si es así, todo ha ido bien, si no, restaura la copia y revisa los pasos.

Configurar Virtual Host

Para poder hacer funcionar más de un sitio web en la misma máquina sobre el directorio de trabajo, necesitamos crear un Virtual Host para cada sitio. Para hacer esto, lo primero, debemos decirle a Apache que use la configuración de Virtual Host. Esto lo haremos editando, nuevamente, el archivo de configuración de Apache. En este caso, buscaremos la línea:

#Include conf/extra/httpd-vhosts.conf

Y la descomentaremos (el caracter # indica un comentario en este archivo), quedando así:

Include conf/extra/httpd-vhosts.conf

Con este paso, estamos habilitando el fichero de configuración httpd-vhosts.conf, donde podremos configurar nuestros sitios web.

Nuevamente, reiniciamos Apache y esperamos a que se ponga verde para comprobar que todo ha ido bien.

Crear el sitio web

Ya tenemos el directorio de trabajo preparado y podemos crear sitios webs. En primer lugar, creamos el directorio donde alojaremos nuestro sitio «hola_mundo«, dentro de D:\Desarrollo\php\hola_mundo, que, como  podéis ver, se encuentra dentro del Document Root, con lo cual Apache va a saber servir las páginas alojadas ahí. Ahora, necesitamos crear un Virtual Host que apunte ahí. Para ello, editamos el archivo de configuración de Virtual Host que hemos habilitado en el paso anterior y que se encuentra en C:\wamp\bin\apache\apache2.4.9\conf\extra\httpd-vhost.conf (cambiad la versión de Apache según la que tengáis instalada). Aquí, añadimos al final del archivo nuestro nuevo sitio de la siguiente manera:

<VirtualHost *:80>
 DocumentRoot "d:/Desarrollo/php/hola_mundo"
 ServerName www.holamundo.dev
 ServerAlias holamundo.dev
</VirtualHost>

Donde:

  • VirtualHost: *80: Indica que nuestro sitio web está en el puerto 80 (puerto por defecto).
  • DocumentRoot: Indica el directorio público del sitio web.
  • ServerName: Indica el nombre del servidor, la dirección que pondremos en la barra de direcciones del navegador.
  • ServerAlias: Una dirección alternativa al ServerName.

Con esto, ya tenemos nuestro Virtual Host listo. Como de costumbre, cada vez que se hace un cambio en algún fichero de configuración de Apache, debemos reiniciar WampServer.

Acceder al sitio web creado

Ya tenemos nuestro sitio web creado. Ahora, podemos copiar ahí el «Hola Mundo» que creamos en el tutorial de instalación, es decir, colocamos un archivo llamado index.php en el directorio del sitio web (D:/Desarrollo/php/hola_mundo) con el siguiente código:

<?php
echo "Hola Mundo";
?>

Y ahora nos queda un último paso, ya que, si accedemos a www.,holamundo.dev en nuestro navegador, obtendremos un error, debido a que no sabe cómo resolver la dirección.

Para solucionarlo, tenemos que editar el archivo hosts de Windows, que se encuentra en C:\Windows\System32\drivers\etc. Lo podemos editar con cualquier editor de texto, pero tenemos que editarlo con permisos de administrador, ya que si no, no nos dejará guardar los cambios, así que abrimos nuestro editor de texto con botón derecho «Ejecutar como administrador» y sobre él abrimos el archivo host, para añadir lo siguiente:

127.0.0.1  www.holamundo.dev

Con esto, le estamos diciendo que, cada vez que tenga que resolver la dirección www.holamundo.dev, la resuelva en un servidor local (127.0.0.1 apunta a la máquina local), y, dado que Apache está escuchando en local en el puerto 80, será capaz de servir la web.

Ahora sí, abrimos el navegador, escribimos www.holamundo.dev, y nos aparecerá el mensaje «Hola Mundo» por pantalla.

9 comentario en “Cómo configurar sitios web en WampServer

  1. Buenas, necesitaba un poco de ayuda, hasta ahora tenia instalado wampserver en Windows 7 y me ha funcionado perfectamente este tutorial, incluso he probado a conectar con una unidad de red “//UNIDADDERED/Sitios_web” funcionando perfectamente.
    pero he actualizado a Windows 10 (64) y he realizado la instalación de nuevo de wamp (64) y V3, y cual es mi sorpresa…. no funciona, si pongo la unidad de red se queda naranja y si pongo otra ruta dentro del ordenador “C:/documentos/Sitios_web” arrancan los servicios (verde) pero Localhost no reconoce la ruta, sigue estando en www de wampserver.

    solo he modificado las líneas que se indican, no he cambiado nada mas de los parámetros.

    ¿alguna ayuda?

    Gracias

    1. Hola Diego,

      lo primero gracias por toda esta información que pones.
      He seguido los pasos que indicas para crear en otra unidad varios host virtuales. Y una vez terminados todos los cambios que indicas aquí, Reinicio los servicios y ya no puedo acceder al Localhost, me dice que «Forbidden. You do’t have permission to access / on this server.»
      Creo que esta misma cuestión la planteó hace meses aquí Pedroda, pero no veo la respuesta.
      Gracias.
      Un saludo

Deja un comentario

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies