Actualizar Dockerfile para copiar el contenido de la carpeta "web" en lugar de "content"

Author: 0GiS0

01-contenedores/contenedores-iv/README.md

@@ -2,7 +2,48 @@
 
 ![Docker](imagenes/Cómo%20gestionar%20el%20almacenamiento%20en%20Docker.jpeg)
 
+
+En algún momento tus contenedores morirán y tendrás que volver a levantarlos. Si no has guardado los datos que tenían, perderás toda la información que tenían. Por eso es importante saber cómo gestionar el almacenamiento en Docker.
+
+Existen diferentes formas de almacenar datos en Docker. En este módulo vamos a ver las siguientes:
+
+- Bind mounts
+- Volumenes
+- Tmpfs mount
+
+## Bind mounts
+
+Un bind mount es un enlace directo entre una carpeta en tu host y una carpeta en tu contenedor. Esto significa que si cambias algo en la carpeta del host, también cambiará en la carpeta del contenedor y viceversa.
+
+Para crear un bind mount, utiliza la opción `--mount` o `-v` al crear un contenedor. Por ejemplo:
+
+```bash
 cd 01-contenedores/contenedores-iv
+docker run -d --name devtest --mount type=bind,source="$(pwd)"/dev-folder,target=/usr/share/nginx/html/ -p 8080:80 nginx
+```
+
+Si cambias el contenido de la carpeta `dev-folder` en tu host, también cambiará en la carpeta `/usr/share/nginx/html/` en tu contenedor.
+
+#### Usar el bind mount como read-only
+
+Tambi´n puedes montar un bind mount como read-only. Esto significa que no podrás escribir en la carpeta del contenedor. Para hacerlo, añade la opción `readonly` al comando `--mount`. Por ejemplo:
+
+```bash
+docker rm -f devtest
+docker run -d --name devtest --mount type=bind,source="$(pwd)"/dev-folder,target=/usr/share/nginx/html/,readonly -p 8080:80 nginx
+docker inspect devtest
+```
+
+Como está en modo lectura, en teoría no podría crear ningún archivo dentro del directorio donde está montada mi carpeta local:
+
+```bash
+docker container exec -it devtest sh
+ls /usr/share/nginx/html
+touch /usr/share/nginx/html/index2.html #Dará error porque el montaje está en modo read-only
+exit
+```
+
+## Volúmenes
 
 #Listar los volumenes en el host
 docker volume ls
@@ -75,29 +116,6 @@ cat /vol/file1
 exit
 
 
-## Bind mounts ##
-
-#Se utiliza cuando quieres montar un archivo o directorio dentro de un contenedor
-cd 01-contenedores/contenedores-iv
-
-#dev-folder es el directorio que voy a montar dentro de mi contenedor
-#con pwd recupero la carpeta actual
-pwd
-docker run -d --name devtest --mount type=bind,source="$(pwd)"/dev-folder,target=/usr/share/nginx/html/ -p 8080:80 nginx
-docker inspect devtest
-#Ahora cambia en el host el contenido de la carpeta dev-folder
-
-#Usar el bind mount como read-only
-docker rm -f devtest
-docker run -d --name devtest --mount type=bind,source="$(pwd)"/dev-folder,target=/usr/share/nginx/html/,readonly -p 8080:80 nginx
-docker inspect devtest
-
-#Como está en modo lectura, en teoría no podría crear ningún archivo dentro del directorio donde está montada mi carpeta local
-docker container exec -it devtest sh
-ls /usr/share/nginx/html
-touch /usr/share/nginx/html/index2.html #Dará error porque el montaje está en modo read-only
-exit
-
 
 ####  Backups ####
 #Creo un contenedor con un volumen llamado dbdata. En este caso voy a utilizar la opción -v en lugar de --mount

01-contenedores/contenedores-iv/dev-folder/index.html

@@ -4,10 +4,38 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Hello, Lemoncoders!</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f4f4f9;
+            color: #333;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+        }
+        h1 {
+            color: #4CAF50;
+        }
+        p {
+            max-width: 600px;
+            line-height: 1.6;
+        }
+        .container {
+            text-align: center;
+            padding: 20px;
+            background: #fff;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+        }
+    </style>
 </head>
 <body>
-    <h1>Bind mounts en Docker</h1>
-    <p>Gracias a los bind mounts puedo trabajar con mi contenido en local y montarlo en un contenedor a la vez.</p>
-    <p>Esto es muy útil cuando estás desarrollando y quieres servir el contenido desde el contenedor</p>
+    <div class="container">
+        <h1>Bind mounts en Docker</h1>
+        <p>Gracias a los bind mounts puedo trabajar con mi contenido en local y montarlo en un contenedor a la vez.</p>       
+    </div>
 </body>
 </html>