24-10-2023 Mi sitio virtual

Sitio virtual en apache2

Enrique Díaz Valenzuela

2 ASIR
Enrique Díaz Valenzuela

Configuración básica de un servidor web. Sitios virtuales.

Crear un sitio virtual en el servidor web apache con los siguientes requisitos:
A. Previamente se deberán deshabilitar todos los sitios web del servidor apache.
(Captura de pantalla completa mostrando los comandos utilizados y el contenido
final de la carpeta /etc/apache2/sites-enable)

Instalar apache2:
apt-get update

apt upgrade -y

apt install apache2 -y

systemctl status apache2

Comprobar ip, que la usaremos para poder acceder a nuestra web:

P á g i n a 1 | 16
Enrique Díaz Valenzuela

Observo los sitios activos

Desactivo todos los sitios

Luego, verifico la carpeta /etc/apache2/sites-enabled para asegurarme de que todos los
archivos de configuración de sitios están deshabilitados:

P á g i n a 2 | 16
Enrique Díaz Valenzuela

B. Crear un sitio web denominado La web de Nombre del Alumno que sea accesible a
través de la url www.La web de NombreAlumno.com. (Captura de pantalla de los
comandos utilizados, donde se muestre la carpeta del sitio y su fichero de
configuración)
Sin poseer un dominio, lo que podemos hacer es una pequeña trampa que nos
funcionará en nuestro ordenador, accedemos a la siguiente ruta:

Abrimos el fichero hosts y lo modificando añadiendo la url que deseamos que tengan
nuestro sitio web y la ip de nuestro servidor web:
OJO: Si el server no tiene IP estática puede que si apagas y enciendes el servidor tengas
que cambiar este fichero:

P á g i n a 3 | 16
Enrique Díaz Valenzuela

Otras configuraciones necesarias para más adelante:

Copiamos el fichero de configuración predeterminado y le cambiamos el nombre:

Lo personalizamos:

Creamos una carpeta nuestra y copiamos el documento index de html en nuestro

fichero para asi clonar la información y tener nuestro sitio web

P á g i n a 4 | 16
Enrique Díaz Valenzuela

Habilitamos el sitio y comprobamos que está activo:

C. La página inicial tendrá el siguiente diseño.

La web Nombre del Alumno

Memoria

Capturas de pantalla

Fichero de configuración

Buscador

Zona privada

La página principal deberá mostrarse tanto en español como en inglés. (Captura de

pantalla de ambas webs)

Accedemos a nuestro archivo:

Lo modificamos para que quede así:

P á g i n a 5 | 16
Enrique Díaz Valenzuela

Si nos has hecho un restart del servicio todavía, puede que al guardar la configuración
no se apliquen los cambios en nuestra web.

P á g i n a 6 | 16
Enrique Díaz Valenzuela

Simplemente hacemos:

Y al entrar a nuestro sitio web podremos ver el cambio:

P á g i n a 7 | 16
Enrique Díaz Valenzuela

D. Crear una carpeta “documentos” dentro del sitio virtual para alojar en ella la
memoria realizada para esta tarea. Al hacer clic en la opción “Memoria” nos deberá
mostrar el contenido de dicha carpeta. (Captura de pantalla de los comandos
ejecutados y las directivas de configuración del sitio web)

Dentro de nuestra carpeta webedv creamos una carpeta documentos, y creamos un

fichero txt con información

Entramos en la configuración del index y ponemos la ruta

Si nos vamos a nuestro sitio web y hacemos clic en Memorias nos aparecerá:

P á g i n a 8 | 16
Enrique Díaz Valenzuela

E. Crear una carpeta “capturas” dentro del sitio virtual para alojar en ella las capturas
realizadas para esta tarea. Al hacer clic en la opción “Capturas de pantalla” nos
deberá mostrar el contenido de dicha carpeta. (Captura de pantalla de los
comandos ejecutados y las directivas de configuración del sitio web)

Creamos una carpeta capturas

Buscamos la foto que queremos descargar en Google (por ejemplo)

Copiamos la dirección url de la imagen y la descargamos usando el siguiente comando:

P á g i n a 9 | 16
Enrique Díaz Valenzuela

Volvemos a acceder a nuestro html para añadir la referencia:

Volvemos a nuestra web para comprobar:

P á g i n a 10 | 16
Enrique Díaz Valenzuela

F. Crear un enlace simbólico al fichero de configuración de nuestro sitio web. Al hacer

clic en la opción “fichero de configuración” nos deberá mostrar el contenido de
dicha carpeta. (Captura de pantalla de los comandos ejecutados y las directivas de
configuración del sitio web)

Ponemos el siguiente comando para hacer una copia de la configuración :

Lo moveremos a el siguiente directorio usando mv:

Añadimos la ruta en el html:

Si accedemos desde nuestro sitio web veremos que funciona:

P á g i n a 11 | 16
Enrique Díaz Valenzuela

G. Todas las carpetas y ficheros del sitio web deben pertenecer al usuario www-data.
(Captura de pantalla de los comandos ejecutados)

Ejecutamos el comando chown para cambiar la propiedad de todos los archivos y

carpetas al usuario www-data.

P á g i n a 12 | 16
Enrique Díaz Valenzuela

H. En nuestro sitio web tan solo se podrán mostrar los enlaces simbólicos del
propietario, en concreto del usuario www-data. (Captura de pantalla de las
directivas de configuración del sitio web)
Vamos al .conf de nuestro sitio web y agregamos la directiva FollowSymLinks para
permitir enlaces simbólicos solo del propietario (usuario www-data).

Guardamos y reiniciamos el servicio:

P á g i n a 13 | 16
Enrique Díaz Valenzuela

I. Al hacer el clic en “Buscador” nos deber redirigir mediante redirecciones temporales

a la web http://www.google.com. (Captura de pantalla de las directivas de
configuración del sitio web)

Añadimos la siguiente linea a nuestro archivo de configuración del sitio web para que
así al poner /Buscador te redirija a google

Si me voy al navegador y doy intro a la siguiente ruta:

Me redireccionará a google

P á g i n a 14 | 16
Enrique Díaz Valenzuela

J. Crear una carpeta en nuestro sitio web denominada privada que tan solo se puede
acceder mediante usuario y password. Al hacer clic en “zona privada” nos deberá
mostrar el contenido de dicha carpeta previa verificación de las credenciales.
(Captura de pantalla de los comandos ejecutados y de las directivas de
configuración del sitio web)

Creamos la carpeta privada

Utilizamos la variable para asignarle una contraseña al usuario elegido en mi caso admin

Añadimos el siguiente directorio:

P á g i n a 15 | 16
Enrique Díaz Valenzuela

Habilitamos el módulo de autentificación:

Creamos un archivo en la carpeta privada:

Comprobamos si todo salió bien:

P á g i n a 16 | 16