UNIVERSIDAD MAYOR DE SAN ANDRES

FACULTAD DE CIENCIAS PURAS Y NATURALES

CARRERA DE INFORMÁTICA

Mi servidor de páginas web

Grupo 1

Lista de integrantes: Flores Aduviri Vladimir Yeri

Medrano Ayarde Eduardo
Quispe Tancara Raúl Ivan
Chambi Choque Daniel Cristian
Materia: Laboratorio de INF-273
Docente: Lic. Gallardo Portanda Franz Ramiro
Fecha: 3-OCT-2019
Índice general

ÍNDICE DE TABLAS III

ÍNDICE DE FIGURAS IV

I - MARCO REFERENCIAL 1
1.1.Que Sabemos del Tema? . . . . . . . . . . . . . . . . . 2
1.2.Objetivos . . . . . . . . . . . . . . . . . . . . . . . . 3
1.2.1.Objetivo General . . . . . . . . . . . . . . . . . . 3
1.2.2.Objetivo específico . . . . . . . . . . . . . . . . . 3
1.3.Competencias a lograr . . . . . . . . . . . . . . . . . 4
1.4.Asignación de Tareas . . . . . . . . . . . . . . . . . 5

II - MARCO APLICATIVO 7
2.1.Conceptualización Del Proyecto . . . . . . . . . . . 8
2.1.1.TCP/IP y HTTP . . . . . . . . . . . . . . . . . . . . 8
2.1.2.Instalación del servidor apache . . . . . . . . . . 9
2.1.3.Configuración de Apache2 sobre Linux . . . . . . . 12
2.1.4.Instalacion de Nginx . . . . . . . . . . . . . . . . 14
2.1.5.Configuracion de Nginx sobre Windows . . . . . . . 16
2.1.6.Comparación Entre Nginx y Apache2 . . . . . . . . . 19
2.1.7.Tabla técnica de Nginx y Apache2 . . . . . . . . . . 23

II
Índice de cuadros

2.1.Tabla Técnica entre Nginx y Apache2 . . . . . . . . . . . 23

III
Índice de figuras

2.1.Diagrama de interracción TCP/IP . . . . . . . . . . . . . 8

2.2.Comprobación de Instalacion de apache2 . . . . . . . . . 10
2.3.Apache2monitor en windows . . . . . . . . . . . . . . . . 11
2.4.Creación de la Página Web . . . . . . . . . . . . . . . . 12
2.5.Creación de la configuracion de la Página Web . . . . . 13
2.6.Configuración del Host . . . . . . . . . . . . . . . . . . 13
2.7.Descarga de Nginx para windows . . . . . . . . . . . . . 14
2.8.Prueba de instalación de Nginx para windows . . . . . . 15
2.9.Prueba de instalación de Nginx para Linux . . . . . . . 15
2.10.
Configuración de Nginx archivo .conf . . . . . . . . . . 16
2.11.
Configuración de Nginx archivo .conf . . . . . . . . . . 17
2.12.
Configuración de Nginx archivo .conf para aceptar
imagenes . . . . . . . . . . . . . . . . . . . . . . . . . 18
2.13.
comprobación de configuración de Nginx . . . . . . . . . 19
2.14.
Popularidad entre Nginx y Apache2 . . . . . . . . . . . . 20

IV
I - MARCO REFERENCIAL

1
1.1. Que Sabemos del Tema?

PAGINA WEB Es un documento o información electrónica capaz de

contener texto, sonido, vídeo, programas, enlaces, imágenes y
muchas otras cosas, adaptada a cualquier tipo de dispositivos y
que puede ser accedida mediante un navegador web.
APACHE SERVER Es el servidor mas utilizado, es gratuito y encima
hay versión para Windows. Su Web oficial es www.apache.org
de donde se puede descargar, trabaja muy bien en linux en
distribuciones basadas en debian.
XAMPP es un paquete de software libre, que consiste
principalmente en el sistema de gestión de bases de datos MySQL,
el servidor web Apache y los intérpretes para lenguajes de script
PHP, nace gracias a la necesidad de administrar los recursos del
servidor y ver que todo esté en línea
INTERNET es un conjunto descentralizado de redes de comunicación
interconectadas que utilizan la familia de protocolos TCP/IP,
lo cual garantiza que las redes físicas heterogéneas que la
componen, formen una red lógica única de alcance mundial.
LOS SERVIDORES almacenan información en forma de páginas web y a
través del protocolo HTTP lo entregan a petición de los clientes
(navegadores web) en formato HTML

2
1.2. Objetivos

1.2.1. Objetivo General

Implementar y configurar un Servidor web apache para albergar

páginas web, sobre una red local.

1.2.2. Objetivo específico

1. Diseñar y crear una página web.

2. Instalar el servidor Web Apropiado para el proyecto.

3. Configurar el servidor para ser accedido en una red Local

4. Configurar una página Web para ser accedido por el servidor

5. Crear un dominio específico para el servidor.

6. Gestionar la red local para acceder al servidor web.

7. Verificar el correcto funcionamiento del proyecto.

3
1.3. Competencias a lograr

1. Relacionar el servicio de páginas web y el protocolo HTTP

según el modelo TCP/IP.

2. Instalar el servidor Apache2 bajo plataforma Linux y Windows.

3. Configurar el servidor Apache2 para personalizar el servicio

de páginas web a distintas necesidades.

4. Instalar el servidor Nginx bajo plataforma Linux y Windows.

5. Configurar el servidor Nginx para personalizar el servicio de

páginas web a distintas necesidades.

6. Comparar los servidores Apache2 y Nginx.

4
1.4. Asignación de Tareas

1. Estudiante: Flores Aduviri Vladimir Yeri

a) Investigar sobre Linux, y escritorios.

b) Recopilacion de informacion sobre linux .

c) Virtualizar o instalar la distribución linux adecuada.

d) Gestionar La distribución y actualizar paquetes.

e) Gestionar la red de la distribución instalada.

f) Recopilar los comandos más útiles para el proyecto.

2. Estudiante: Medrano Ayarde Eduardo

a) Investigar Sobre servidores HTTP.

b) Recopilar información sobre el protocolo HTTP.

c) Probar la distribución linux instalada.

d) Instalar complementos necesarios para el servidor Apache.

e) Recopilar los comandos más útiles para el proyecto.

f) Colaborar en la creación de la página web.

g) Colaborar en la configuración del servidor apache.

3. Estudiante: Quispe Tancara Raúl Ivan

a) Investigar Sobre PHP y páginas WEB.

b) Recopilar información sobre PHP.

c) Recopilar información sobre WEB.

d) Diseño de la página web a ser alojada en el servidor.

e) Codificar y probar la página web.

f) Probar y corregir la página web.

5
4. Estudiante: Chambi Choque Daniel Cristian

a) Investigar Sobre Configuración del servidor Apache.

b) Recopilar información sobre apache.

c) Instalar el servidor apache sobre Linux.

d) Configurar el servidor web para su funcionamiento.

e) Hacer pruebas de funcionamiento con páginas webs.

f) Instalar de la página web creada para el proyecto.

g) Hacer pruebas y corregir posibles imperfectos.

6
II - MARCO APLICATIVO

7
2.1. Conceptualización Del Proyecto

2.1.1. TCP/IP y HTTP

Figura 2.1: Diagrama de interracción TCP/IP

TCP/ip es el Modelo de referencia de arquitectura usado por

internet, gracias a sus multiples ventajas, el protocolo HTTP se
encuentra en la capa mas alta la que es, de aplicación el modelo
interactua como se puede en la figura: 2.1, HTTP hace el mismo
ciclo bajo los siguientes protocolos y procedimientos:

1. Un usuario accede a una URL, seleccionando un enlace de un

documento HTML o introduciéndola directamente en el campo
Location del cliente Web, Esto en la capa de aplicación.

2. El cliente Web descodifica la URL, separando sus diferentes

partes. Así identifica el protocolo de acceso, la dirección
DNS o IP del servidor, el posible puerto opcional (el valor

8
 por defecto es 80) y el objeto requerido del servidor. En la
capa de aplicación

3. Se abre una conexión TCP/IP con el servidor, llamando al

puerto TCP correspondiente. Se realiza la petición. Para
ello, se envía el comando necesario (GET, POST, HEAD,…), la
dirección del objeto requerido (el contenido de la URL que
sigue a la dirección del servidor), la versión del protocolo
HTTP empleada (casi siempre HTTP/1.0) y un conjunto variable
de información, que incluye datos sobre las capacidades del
browser, datos opcionales para el servidor. Esto en la capa
de transporte.

4. Se envian los datos en binario hacia la capa de Red y Enlace.

Para llegar al servidor por medio de la capa Fisica, y esto
retorna por el mismo camino.

5. El servidor devuelve la respuesta al cliente. Consiste en un

código de estado y el tipo de dato MIME de la información de
retorno, seguido de la propia información.

6. Se cierra la conexión TCP.

2.1.2. Instalación del servidor apache

Sobre Linux

Los pasos que se deben seguir para una correcta instalación del
servidor Apache en linux son los siguientes:

1. Tener Instalado Previamente una distribución basada en Debian1

o que soporte Apache 2 como ejemplo Ubuntu o KDE-Neon.
1
Distribucion Linux basado en UNIX, usado conmunmente para funcionar como
servidor

9
2. Acceder a un terminal como susper usuario

3. Instalar con el comando apt-get install apache2

4. En la instalación se nos pedira el nombre del Host, se coloca

el que se desea.

5. Esperar a que se termine la instalación y hacer pruebas

entrando al agente de usuario y entrar a la url 127.0.0.1 o
Localhost y esperar la pantalla de bienvenida como se ve en
la figura 2.2.

Figura 2.2: Comprobación de Instalacion de apache2

10
Sobre Windows

1. Tener instalado Windows Server 2012

2. Primeramente descargamos Apache de la sgte URL

https://directory.apache.org/studio/download/download-windows.html
y se lo copia al disco local C.

3. Ahora se intala el servidor y para iniciarlo se

debe dirigirse a c:Apache24/bin y se ejecuta el
comando./httpd.exe -k install y se lanza su monitor
accediendo a ApacheMonitor.exe como se ve en la figura 2.3

Figura 2.3: Apache2monitor en windows

11
 4. Con esto ya estaria comprobado que funciona el servidor, y lo
que se hace es entrar a su localhost como se lo hizo en linux
y se puede apreciar en la figura 2.2.

2.1.3. Configuración de Apache2 sobre Linux

1. Primeramente se debe tener una página Web creada para

implementar en el servidor.

2. Luego debemos de copiar esa pagina web dentro del directorio

/var/www/http/ con el nombre correcto donde se distinga el
index.html como se ve en la figura 2.4

Figura 2.4: Creación de la Página Web

3. Dentro de este index podemos se coloca el contenido de la

pagina y que se desea que se muestre.

4. Ahora se debe configurar el dominio en el dominio para

eso en la terminal colocamos el siguiente comandocd
/etc/apache2/sites-available

5. dentro de esta carpeta creamos una configuracion con el

siguiente comando. nano misitio

12
6. colocamos la siguiente información como se ve en la figura
:2.6

Figura 2.5: Creación de la configuracion de la Página Web

7. Ahora debemos configurar el dominio de la página Web para eso

nos dirigimos a la carpeta host con el comando nano /etc/host

8. dentro debemos configurar de tal manera que quede como la

figura :

Figura 2.6: Configuración del Host

9. ahora debemos asociar la configuracion con el servidor, con

el comando a2ensite misitio

13
10. Por ultimo debemos reiniciar los servicios para eso colocamos
el siguiente comandoservice apache2 reload y service apache2
restart

2.1.4. Instalacion de Nginx

Instalación en Windows

1. Primeramente debes de bajar el archivo comprimido para

Windows desde su página Web oficial, como se ve en la figura
: 2.7

Figura 2.7: Descarga de Nginx para windows

2. Una vez que hayas descargado el archivo comprimido, extrae

los archivos en la unidad C:/nginx

3. Para despues en el agente de navegación coloquemos localhost

en el URL para comprobar su instalación, nos debera aparecer
una ventana como en la figura : 2.8

14
 Figura 2.8: Prueba de instalación de Nginx para windows

Instalación en Linux

1. Primeramente debemos tener instalado alguna version de linux

basado en Debian com opor ejemplo Ubuntu 19.04.

2. Luego debemos de abrir una terminal como super usuario.

3. Posteriormente ejecutamos los siguientes comandos:

* apt-get update

a) apt-get install nginx y/n = y

4. Una vez finalizado debemos comprobar la instalación entrando

en navegador y buscar localhost deberia aparecernos como en
la figura : 2.9

Figura 2.9: Prueba de instalación de Nginx para Linux

15
2.1.5. Configuracion de Nginx sobre Windows

1. Una vez que ya estuvimos abrimos la carpeta nginx abrimos la

carpeta ubicada en disco local c.

2. Debemos ir a nginx y luego a conf como se muestra

: C:/nginx/conf/ ahí encontrar un archivo con el
nombre nginx.conf como se muestra en la imagen 2.9

Figura 2.10: Configuración de Nginx archivo .conf

3. Los cambios que vamos a hacer es que el servidor permita

subir imágenes y editar la página html. Dentro de http,
server esta un texto con la palabra listen, por defecto tiene
el número 80, el cual cambiaras por el de 8080 para evitar
conflictos con algún otro servicio y despues de location /
configurar para que quede como en la figura : 2.12

16
 Figura 2.11: Configuración de Nginx archivo .conf

4. Esto permitirá al servidor poder servir las imágenes que

agregues en esa carpeta /imagenes. Ahora donde se encuentra
esta carpeta. Creada y subimos una imagen Los archivos .html
están ubicados en la ruta C:/nginx/html/

5. Creas la carpeta imagenes copias y pegas una imagen de

prueba. Abres el archivo index.html y agregas la imagen con
la siguiente etiqueta como se muestra en la imagen marcado
con una línea amarilla. de la figura

17
Figura 2.12: Configuración de Nginx archivo .conf para aceptar
imagenes

6. Luego abrimos la consola y ejecutamos los siguientes

comandos.

* cd c:

* cd nginx

* nginx

7. Ya tenemos instalado y configurado la página Web ahora

Accedemos nuevamente al local host para comprobar los
cambios. como se ve en la figura :2.13

18
 Figura 2.13: comprobación de configuración de Nginx

2.1.6. Comparación Entre Nginx y Apache2

Durante dos décadas, Apache ha dominado el mercado de los

servidores web, que cada día se reduce más. Nginx no sólo es el
chico nuevo del lugar, sino que actualmente es el pan comido de
muchos sitios web de alto tráfico. Los usuarios de Apache pueden
estar en desacuerdo aquí. Es por eso que uno no debería sacar
conclusiones precipitadas sobre qué servidor web es mejor. La
verdad es que ambos forman el núcleo de las pilas completas de
servidores (LAMP y LEMP), y la elección final se reduce a las
necesidades individuales.
Por ejemplo, la gente que ejecuta sitios web de Drupal a menudo
recurre a Apache, mientras que los usuarios de WordPress parecen
estar a favor de Nginx tanto o más. Por consiguiente, nuestro
objetivo es ayudarte a entender mejor tus propios requisitos
en lugar de ofrecerte una recomendación por uno de ellos. Dicho

19
esto, la siguiente comparación entre los dos da una imagen
exacta.

Popularidad

Hasta 2012, más del 65 % de los sitios web estaban basados

en Apache, una popularidad debida en gran medida a su legado
histórico. Fue uno de los primeros programas que fue pionero en
el crecimiento de la World Wide Web. Sin embargo, los tiempos
han cambiado. Según W3Tech.com, a partir del 14 de enero de 2019,
Apache (44,4 %) está ligeramente por delante de Nginx (40,9 %) en
términos de sitios web que utilizan sus servidores. Entre ellos
dominan casi el 85 % del mercado de servidores web. ver la gráfica
: 2.14

Figura 2.14: Popularidad entre Nginx y Apache2

Cuando se trata de sitios web con mucho tráfico, el siguiente

gráfico es interesante. Por supuesto, Nginx está bastante por

20
delante de Apache, pero va por detrás de los servidores de
Google, que potencian sitios web como YouTube, Gmail y Drive.
 En algún momento un gran número de sitios web (incluyendo
maketecheasier.com) migraron de Apache a Nginx. Claramente, este
último es visto como el último y más moderno servidor web. Los
sitios web de alto tráfico que están en Apache, como por ejemplo
Wikipedia y New York Times, suelen utilizar un proxy HTTP como
Varnish.
Puntuación: La brecha de popularidad entre Apache y Nginx se está
cerrando muy rápidamente. Pero, como Apache sigue liderando en
números absolutos, consideraremos esta ronda como un empate.

Rapidez

La característica principal de un buen servidor web es que debe

funcionar rápida y fácilmente para responder a las conexiones y
al tráfico desde cualquier lugar. Para medir la velocidad del
servidor, comparamos dos sitios web de viajes populares basados
en Apache (Expedia.com) y Nginx (Booking.com). Utilizando una
herramienta en línea llamada Bitcatcha, las comparaciones se
hicieron para múltiples servidores y se midieron contra el punto
de referencia de Google de 200 ms. Booking.com basado en Nginx
fue calificado como “excepcionalmente rápido”. Por el contrario,
Expedia.com basado en Apache fue calificado como “por encima de
la media y podría mejorarse”.
Habiendo usado ambos sitios web de viajes tantas veces, puedo
garantizar personalmente que Expedia se siente un poco más lenta
en devolver los resultados a mi consulta que Booking.
 Aquí están las comparaciones entre los dos servidores para
algunos otros sitios web. Nginx se siente más rápido en todos los

21
casos, excepto uno.

Seguridad

Tanto Nginx como Apache se toman muy en serio la seguridad

de sus sitios web. No hay escasez de sistemas robustos para
hacer frente a ataques DDoS, malware y phishing. Periódicamente,
ambos publican informes y avisos de seguridad que garantizan el
fortalecimiento de la seguridad en todos los niveles.

Concurrencia

Existe la percepción de que Apache no está a la altura de la

escala y capacidad de Nginx. Después de todo, Nginx fue diseñado
originalmente para acelerar los problemas de velocidad con los
handlers FastCGI y SCGI. Sin embargo, a partir de Apache 2.4 (que
es la versión por defecto), se ha producido una drástica mejora
en el número de conexiones simultáneas. Vale la pena averiguar
hasta qué punto se ha logrado esta mejora.
Basándonos en las pruebas de resistencia de Loadimpact.com,
volvimos a comparar Booking.com (Nginx) con Expedia.com (Apache).
Para 25 usuarios virtuales, el sitio web de Nginx fue capaz
de registrar 200 peticiones por segundo, lo que es 2,5 veces
mayor que las 80 peticiones por segundo de Apache. Claramente,
si tienes un sitio web dedicado de alto tráfico, Nginx es una
apuesta más segura.

Flexibilidad

Un servidor web debe ser lo suficientemente flexible para

permitir personalizaciones. Apache lo hace bastante bien
usando herramientas .htaccess, que Nginx no soporta. Permite la

22
descentralización de las funciones de administrador. Se puede
impedir que los administradores de terceros y de segundo nivel
accedan al servidor principal. Además, Apache soporta más de 60
módulos, lo que lo hace altamente extensible. Hay una razón por
la que Apache es más popular entre los proveedores de alojamiento
compartido.

2.1.7. Tabla técnica de Nginx y Apache2

Apache Nginx
Ultima Version 2.4.41 1.16.1 Estable
Tipo de OpenSource OpenSource
licencia
Sistema Windonw Linux Multiplataforma
Operativo
Soportado
Soporte de SSl TLS SSL TLS
seguridad
Manejo de Estatico Dinámico
contenido
Arquitectura Modulos,procesos Basado en
basados en eventos
hilos
Configuración Descentralizada Centralizada
via .htaaccdes via nginx.conf
Lenguaje en que c++ c
fue programado
Soporte Una gran Muy poca
cantidad en documentacion
la WEB en la WEB
Rendimiento Buen uso de Rendimiento
la memoria y estable sin
cpu depende importar las
de los modulos extensiones
instalados
Streaming No tiene la FLV y MP4
capacidad

Cuadro 2.1: Tabla Técnica entre Nginx y Apache2

23
Bibliografía

[1] (). Welcome to The Apache Software Foundation!, dirección:

https://www.apache.org/ (visitado 26-09-2019).

[2] p. E. B. e. T. d. Hosting. (16 de nov. de 2018). Tipos de

Servidores Web - Características, Ventajas y Desventajas,
Infranetworking, dirección: https : / / blog . infranetworking . com /
tipos-de-servidores-web/ (visitado 26-09-2019).

[3] (). PHP: ¿Qué es PHP? - Manual, dirección: https://www.php.net/

manual/es/intro-whatis.php (visitado 26-09-2019).

[4] javier. (30 de sep. de 2016). Configurar la red en linux,

Blog de Javier Rguez, dirección: https : / / www . javierrguez . com /
configurar-la-red-en-linux/ (visitado 26-09-2019).

[5] (). protocolo http, dirección: http://neo.lcc.uma.es/evirtual/cdd/

tutorial/aplicacion/http.html (visitado 02-10-2019).

[6] (). Cómo instalar el servidor web apache en ubuntu 18.04,

DigitalOcean, dirección: https : / / www . digitalocean . com / community /
tutorials / como - instalar - el - servidor - web - apache - en - ubuntu - 18 - 04 - es
(visitado 02-10-2019).

[7] (3 de ene. de 2018). Instalar Apache Windows Instalación en

Windows. Tutobasico, Tutobásico, dirección: https : / / tutobasico .
com/instalar-apache-windows/ (visitado 02-10-2019).

24
[8] (). 04. Configuración básica de Apache para producción -
PRÁCTICAS DE Apache2, dirección: https : / / sites . google . com /
site / apache2iescamp / 4 - configuracion - basica - de - apache - para - produccion
(visitado 03-10-2019).

[9] (). nginx: conceptos básicos, instalación y configuración,

IONOS Digitalguide, dirección: https://www.ionos.es/digitalguide/
servidores / configuracion / nginx - conceptos - basicos - instalacion - y -
configuracion/ (visitado 03-10-2019).

25