Nginx + Docker: cómo obtener una página Html con un nombre de dominio local

Configuraré una página html muy simple con docker y nginx.

Los archivos fuente se pueden encontrar aquí:

https://github.com/ikknd/docker-study en la carpeta receta-01

1. Cree una configuración de carpeta de proyecto:

•  /var/www/docker-study.loc/recipe-01

•  -> /docker

•  -> /html

En la carpeta "html", crearé el archivo index.html, que simplemente dice: "¡Trabajo dentro de la ventana acoplable!"

En la carpeta "docker" mantendré los archivos y configuraciones relacionados con la ventana acoplable.

2. Cree nginx config site.conf en la carpeta "docker":

3. Edite el archivo /etc/hosts en la máquina host y agregue un registro:

 127.0.0.1 myapp.loc

4. Cree el archivo docker-compose.yml en la carpeta "docker":

Aquí hago varias cosas:

• apunte el puerto 80 desde el interior del contenedor al puerto 80 en mi máquina host
• copie la carpeta html en mi máquina host a la carpeta /var/www/myapp dentro del contenedor
• copie el archivo de configuración site.conf nginx en la ubicación /etc/nginx/conf.d/site.conf en el contenedor

Tenga en cuenta que podemos señalar no solo los directorios de las máquinas host al interior del contenedor, sino también los archivos individuales.

5. Vaya a /var/www/docker-study.loc/recipe-01/docker/ y ejecute:

 docker-compose up -d

Si ahora pruebo myapp.loc/ en el navegador, veré: "¡Trabajo dentro de la ventana acoplable!".

En varios pasos simples, obtuve el archivo html para ser servido a través de nginx y obtuve el nombre de dominio local para trabajar con la configuración de la ventana acoplable.