Revisado el ejemplo de Node.js con VS Code

Author: 0GiS0

.gitignore

@@ -9,6 +9,7 @@ wwwroot
 dist/
 
 # vs code
+.vscode
 .DS_Store
 
 # exercise solution

01-contenedores/contenedores-iii/Dockerfile.no.multistages

@@ -6,9 +6,13 @@ https://code.visualstudio.com/docs/containers/overview
 cd 01-contenedores/contenedores-iii/hello-world
 
 #Ejecutar la app sin contenerizar
+#1. Instalar las dependencias de la aplicación 
 npm install
+#2. Ejecutar ESLint
 npm run test
+#3. Ejecutar la app
 node server.js
+#4. Ejecutar la app usando Nodemon
 npm run start-dev
 
 #Para crear el archivo Dockerfile y .dockerignore que vimos en la parte teórica, puedes hacerlo con la extensión de Docker de manera sencilla.
@@ -32,28 +36,53 @@ cat Dockerfile
 cat .dockerignore
 
 #Generar la imagen en base al Dockerfile
-docker build --tag=hello-world . 
+docker build -t hello-world:prod .
 
-#Comprobamos las imágenes que ahora tenemos disponibles, así como el peso de hello-world
+#Ejecutar un nuevo contenedor usando tu nueva imagen:
+docker run -p 4000:3000 hello-world:prod
+
+# Hacer lo mismo con la extensión de Visual Studio Code
+# 1. Generar la imagen
+# 2. Ejecutar un contenedor en base a la imagen
+# 3. Abrir el navegador usando la extensión
+# 4. Engancharse al terminal del contenedor
+
+# El por qué del multi-stage
+
+#Comprobamos las imágenes que ahora tenemos disponibles, así como el peso de helloworld
 docker images
 
 #Ver el historico generado para la imagen
-docker history hello-world #Los que tienen valor 0B son metadatos
+docker history helloworld #Los que tienen valor 0B son metadatos
 
-#Ejecutar un nuevo contenedor usando tu nueva imagen:
-docker run -p 4000:3000 hello-world
 
 #Modifica el Dockerfile para ejecutar el test con eslint:
-# FROM node:12.18-alpine
-# LABEL maintainer="Gisela Torres"
-# # ENV NODE_ENV production
+# FROM node:14-alpine
+
+# LABEL maintainer="Gisela Torres <gisela.torres@returngis.net>"
+
+# # ENV NODE_ENV=production
+
 # WORKDIR /usr/src/app
+
 # COPY ["package.json", "package-lock.json*", "npm-shrinkwrap.json*", "./"]
+
+# # RUN npm install --production --silent && mv node_modules ../
 # RUN npm install
+
 # COPY . .
-# RUN npm run test
+# #Ejecuta los tests de eslint
+# RUN npm test
+
 # EXPOSE 3000
+
+# RUN chown -R node /usr/src/app
+
+# USER node
+
 # CMD ["npm", "start"]
+docker build --tag=helloworld . -f Dockerfile.dev
+
 
 #Si vuelves a generar tu imagen, después de que arregles los errores que reporta eslint, comprobarás que ha engordado
 docker images
@@ -66,13 +95,14 @@ docker images
 #La idea es simple: crea imagenes adicionales con las herramientas que necesitas (compiladores, linters, herramientas de testing, etc.) pero que no son necesarias para producción
 #El objetivo final es tener una imagen productiva lo más slim posible y segura.
 #Mismo ejemplo con multi-stages
-docker build hello-world -t multi-stage -f Dockerfile.multistages
-docker run -p 5000:3000 multi-stage
+DOCKER_BUILDKIT=0 docker  build -t hello-world:multi-stage . -f Dockerfile.multistages
+
+#
 
 docker images
 
-#Si comparas con la versión de la misma aplicación sin multi-stages, la diferencia es notable
-docker build hello-world -t no-multi-stage -f Dockerfile.no.multistages --no-cache
+#El resultado de hello-world:prod y hello-world:multi-stage son iguales, pero hello-world:multi-stage es más eficiente.
+
 
 
 #### Ejemplo de contenerización de una aplicación en un entorno .NET #####

01-contenedores/contenedores-iii/contenedores-iii.sh

@@ -1,23 +1 @@
-**/.classpath
-**/.dockerignore
-**/.env
-**/.git
-**/.gitignore
-**/.project
-**/.settings
-**/.toolstarget
-**/.vs
-**/.vscode
-**/*.*proj.user
-**/*.dbmdl
-**/*.jfm
-**/azds.yaml
-**/charts
-**/docker-compose*
-**/Dockerfile*
-**/node_modules
-**/npm-debug.log
-**/obj
-**/secrets.dev.yaml
-**/values.dev.yaml
-README.md
+node_modules

01-contenedores/contenedores-iii/hello-world/.dockerignore

@@ -9,8 +9,8 @@ module.exports = {
         "ecmaVersion": 12
     },
     "rules": {
-        "semi" : ["error","always"], 
-        "quotes": ["error", "double"],
+        // "semi" : ["error","always"], 
+        // "quotes": ["error", "double"],
         "no-debugger": ["error"],
         "no-console": ["warn"]
     },

01-contenedores/contenedores-iii/hello-world/.eslintrc.js

@@ -8,7 +8,7 @@ WORKDIR /app
 COPY ["package.json", "package-lock.json*", "npm-shrinkwrap.json*", "./"]
 
 #Instalo las dependencias de mi aplicación, ejecutando el comando npm install
-RUN npm install --silent --production && mv node_modules ../
+RUN npm install 
 
 #Copio el resto de los archivos en el directorio /app
 COPY . .

01-contenedores/contenedores-iii/hello-world/.gitignore

@@ -0,0 +1,25 @@
+#Esta es la imagen que utilizaré como base de mi imagen
+FROM node:14-alpine
+
+# ENV NODE_ENV production
+
+#Establezco la ruta /app como directorio de trabajo para alojar mi aplicación, instalar dependencias, etc.
+WORKDIR /app
+
+#Copio los archivos package.json y package-lock,son(el asterisco si exsite) en el raíz de mi directorio de trabajo, /app.
+COPY ["package.json", "package-lock.json*", "npm-shrinkwrap.json*", "./"]
+
+#Instalo las dependencias de mi aplicación, ejecutando el comando npm install
+# RUN npm install --silent --production && mv node_modules ../
+RUN npm install
+
+#Copio el resto de los archivos en el directorio /app
+COPY . .
+
+RUN npm run test
+
+#Añado como metadato el puerto por el que escucha mi aplicación
+EXPOSE 3000
+
+#Añado otro metadato más que es qué comando se ejecutará cuando se genere un contenedor de esta imagen
+CMD ["npm", "start"]

01-contenedores/contenedores-iii/hello-world/Dockerfile

@@ -1,7 +1,5 @@
 # ---- Base Node ----
-FROM node:12.18-alpine AS base
-#Add some labels
-LABEL maintainer="Gisela Torres"
+FROM node:14-alpine AS base
 # set working directory
 WORKDIR /app
 
@@ -16,7 +14,7 @@ COPY ["package.json", "package-lock.json*", "npm-shrinkwrap.json*", "./"]
 # run linters, setup and tests
 FROM dependencies AS test
 # Install ALL node_modules, including 'devDependencies'
-RUN npm install --silent
+RUN npm install
 COPY . .
 RUN  npm run test
 
@@ -27,7 +25,7 @@ FROM base AS release
 #Add environment variables
 ENV NODE_ENV production
 # copy production node_modules
-COPY --from=dependencies /app/package.json ./
+COPY ["package.json", "package-lock.json*", "npm-shrinkwrap.json*", "./"] --from=dependencies
 #Install app dependencies
 RUN npm install --silent --production && mv node_modules ../
 # copy app sources