Módulo 5 — Servidores web

5.1 Objetivos del módulo

• Instalar y configurar Apache como servidor web básico.
• Instalar y configurar Nginx como servidor web y proxy reverso.
• Desplegar Nginx Proxy Manager con Docker para proxy reverso con GUI.
• Emitir y gestionar certificados SSL gratuitos con Let's Encrypt / Certbot.
• Configurar virtual hosts y server blocks para múltiples sitios.
• Entender el flujo de tráfico en un proxy reverso.

5.2 Apache — servidor web

5.2.1 Instalación y primeros pasos

apt update && apt install apache2 -y
systemctl enable apache2
systemctl start apache2
# Verificar en navegador: http://ip_del_servidor

5.2.2 Estructura de directorios de Apache

5.2.3 Virtual Hosts en Apache

# Crear directorio para el sitio
mkdir -p /var/www/mi-sitio/public_html
echo '<h1>Sitio de prueba</h1>' > /var/www/mi-sitio/public_html/index.html

# Crear virtual host
nano /etc/apache2/sites-available/mi-sitio.conf

<VirtualHost *:80>
    ServerName mi-sitio.local
    ServerAlias www.mi-sitio.local
    DocumentRoot /var/www/mi-sitio/public_html
    ErrorLog ${APACHE_LOG_DIR}/mi-sitio-error.log
    CustomLog ${APACHE_LOG_DIR}/mi-sitio-access.log combined
</VirtualHost>

# Habilitar el sitio y recargar Apache
a2ensite mi-sitio.conf
systemctl reload apache2

5.2.4 Módulos útiles de Apache

5.3 Nginx — servidor web y proxy reverso

5.3.1 Instalación

apt update && apt install nginx -y
systemctl enable nginx
systemctl start nginx
# Verificar en navegador: http://ip_del_servidor

5.3.2 Estructura de Nginx

5.3.3 Server Block en Nginx

nano /etc/nginx/sites-available/mi-sitio

server {
    listen 80;
    server_name mi-sitio.local www.mi-sitio.local;
    root /var/www/mi-sitio;
    index index.html index.php;

    location / {
        try_files $uri $uri/ =404;
    }
}

# Habilitar y verificar configuración
ln -s /etc/nginx/sites-available/mi-sitio /etc/nginx/sites-enabled/
nginx -t                  # Test de configuración
systemctl reload nginx

5.3.4 Nginx como proxy reverso

El proxy reverso recibe peticiones externas y las redirige a servicios internos. Útil para exponer múltiples servicios bajo un mismo IP/puerto:

server {
    listen 80;
    server_name app.mi-dominio.com;

    location / {
        proxy_pass http://127.0.0.1:3000;   # Servicio interno
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

5.4 Nginx Proxy Manager (NPM) — proxy reverso con interfaz gráfica

Nginx Proxy Manager es una solución que provee una interfaz web amigable para gestionar proxy reverso, SSL y redirecciones sin necesidad de editar archivos de configuración de Nginx manualmente. Se despliega con Docker.

5.4.1 Instalación de Docker

# Instalar dependencias
apt install -y ca-certificates curl gnupg lsb-release

# Agregar repositorio oficial de Docker
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | \
  gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg

echo "deb [arch=$(dpkg --print-architecture) \
  signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] \
  https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" \
  | tee /etc/apt/sources.list.d/docker.list

apt update && apt install -y docker-ce docker-ce-cli containerd.io docker-compose-plugin
systemctl enable --now docker

5.4.2 Despliegue de Nginx Proxy Manager

mkdir -p /opt/npm && cd /opt/npm
nano docker-compose.yml

version: '3.8'

services:
  npm:
    image: 'jc21/nginx-proxy-manager:latest'
    restart: unless-stopped
    ports:
      - '80:80'
      - '443:443'
      - '81:81'              # Puerto de la interfaz web admin
    volumes:
      - ./data:/data
      - ./letsencrypt:/etc/letsencrypt

docker compose up -d
# Acceder a la GUI: http://ip_del_servidor:81
# Credenciales por defecto: admin@example.com / changeme

5.4.3 Configurar un Proxy Host en NPM

1. Iniciar sesión en la GUI (http://ip:81) y cambiar las credenciales por defecto.
2. Ir a Proxy Hosts → Add Proxy Host.
3. Ingresar el Domain Name (ej: app.mi-dominio.com).
4. En Forward Hostname / IP, ingresar la IP del servicio interno.
5. En Forward Port, ingresar el puerto del servicio.
6. En la pestaña SSL, seleccionar "Request a new SSL Certificate" (requiere dominio real).
7. Habilitar Force SSL y HTTP/2 Support.
8. Guardar — NPM gestiona automáticamente el certificado y la renovación.

5.5 Certbot — certificados SSL gratuitos con Let's Encrypt

Certbot es la herramienta oficial para obtener y renovar certificados SSL de Let's Encrypt. Se usa cuando no se tiene NPM o cuando se necesita integrar SSL directamente en Apache o Nginx.

5.5.1 Instalación y uso con Nginx

apt install certbot python3-certbot-nginx -y

# Obtener certificado para un dominio
certbot --nginx -d mi-dominio.com -d www.mi-dominio.com

# Certbot modifica automáticamente el server block de Nginx
# para incluir SSL y redirección HTTP → HTTPS

# Verificar renovación automática (se configura solo)
systemctl status certbot.timer

# Renovación manual (si es necesario)
certbot renew

5.5.2 Instalación y uso con Apache

apt install certbot python3-certbot-apache -y
certbot --apache -d mi-dominio.com

5.6 Laboratorio práctico

Este laboratorio se realiza en VMs de Ubuntu Server desplegadas en el lab de Proxmox (Módulo 4).

1. Crear 2 VMs Ubuntu Server en Proxmox: VM1 para Apache + Nginx, VM2 para NPM.
2. En VM1: instalar Apache y configurar un virtual host funcional que responda en un nombre DNS de lab.
3. En VM1: instalar Nginx y configurar un server block básico.
4. En VM1: configurar Nginx como proxy reverso hacia un servicio Python simple (http.server).
5. En VM2: instalar Docker y desplegar Nginx Proxy Manager.
6. En VM2: configurar al menos 2 proxy hosts que apunten a servicios en VM1.
7. Si se dispone de dominio real: obtener certificado SSL con Certbot en al menos 1 servicio.
8. Documentar la arquitectura de red del lab: qué servicio está en qué VM y qué puerto.

Plantilla de arquitectura del lab

5.7 Checklist de evaluación

• Instaló Apache y configuró al menos 1 virtual host funcional.
• Instaló Nginx y configuró al menos 1 server block.
• Configuró Nginx como proxy reverso hacia al menos 1 servicio.
• Instaló Docker y desplegó Nginx Proxy Manager correctamente.
• Configuró al menos 2 proxy hosts en NPM.
• Puede agregar y gestionar proxy hosts desde la GUI de NPM sin ayuda.
• Entiende el flujo de tráfico en un proxy reverso (cliente → NPM → servicio interno).
• Conoce el proceso de emisión de certificados SSL con Let's Encrypt / Certbot.

5.8 Referencia rápida — Cheatsheet servidores web