Servir contenido estático con Docker y NGINX

el

En esta entrada mostraremos como servir una web estática de una forma muy rápida rápida 

Prerequisitos:

  • Docker
  • Terminal
  • Editor de textos

Pasos:

Creamos un directorio para el proyecto, en este ejemplo crearemos un directorio llamado staticcontent. En su interior crearemos una carpeta llamada src donde alojaremos el contenido estático de nuestro proyecto.

En el directorio staticcontent/src/ crearemos nuestro fichero html estático index.html.

Tendremos una estructura similar a la que se muestra en la imagen:



Abrimos el fichero index.html y agregamos el siguiente contenido:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
</head>
<body>
  <h1>Esto es una cabecera.</h1>
  <p>Esto es un párrafo.</p>
</body>
</html>

Por último, nos posicionamos en la carpeta raíz de nuestro proyecto (staticcontent) y ejecutamos el siguiente comando desde una terminal (para este ejemplo he usado powershell).

1
PS > docker run --name staticcontent -v $PWD/src:/usr/share/nginx/html:ro -d -p 8080:80 nginx

Con la opción -p hemos expuesto el puerto :80 del contenedor de NGINX en el puerto :8080 de nuestra máquina, por lo tanto, si accedemos desde un navegador a la url http://localhost:8080 veremos nuestra página web estática servida a través del servidor NGINX






Comentarios

Publicar un comentario