[{"_1":2,"_160":-5,"_161":-5},"loaderData",{"_3":4,"_13":14,"_21":22,"_138":139},"root",{"_5":-5,"_6":-7,"_7":8,"_9":-7,"_10":11,"_12":-7},"currentUser","primaryEmail","siteVerification","6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI","toast","enableDev",false,"incidentStatus","routes/_layout",{"_15":-5,"_16":17,"_18":17,"_19":11,"_20":11},"username","isAskGordonEnabled",true,"isUsingNewTemplate","showMinimalLanding","showHoneypotTrap","routes/_layout.r.$namespace.$reponame",{"_23":24,"_25":-5,"_26":11,"_27":11,"_28":29,"_30":31,"_32":-5,"_33":11,"_34":35,"_88":-5,"_89":90,"_129":-5,"_130":11,"_131":17,"_132":11,"_133":-5,"_134":11,"_135":-5,"_136":137},"canonicalUrl","https://hub.docker.com/r/jsanchezlo6/getting-started/tags","mcpServer","canSeeDockerfile","canSeeAutobuilds","namespace","jsanchezlo6","reponame","getting-started","cloudBuildSource","isAutobuildsAvailable","repo",{"_36":37,"_43":44,"_46":47,"_48":49,"_50":11,"_51":52,"_53":54,"_55":56,"_39":31,"_28":29,"_58":59,"_60":45,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":62,"_69":70,"_71":11,"_72":29,"_73":74,"_79":11,"_80":81,"_85":29,"_86":87},"categories",[38],{"_39":40,"_41":42},"name","Databases & storage","slug","databases-and-storage","content_types",[45],"image","date_registered","2024-04-19T01:46:05.082222Z","description","Repositorio para la practica de Contenerización de una aplicación","is_private","last_updated","2024-04-19T01:53:51.4278Z","last_modified","2024-10-16T13:48:34.145251Z","media_types",[57],"application/vnd.docker.container.image.v1+json","pull_count",209,"repository_type","star_count",0,"status",1,"status_description","active","source","collaborator_count","full_description","# Grupo 6\n\n- David Medina - 424738\n- Felipe Sánchez - 611390\n- Elias Acuña - 710154\n- Juan Felipe Sánchez - 594066\n- Brayan Andres Lara - 728895\n\n# Contenerización de una aplicación\nEn esta practica, se procederá a contenerizar una aplicación. Durante el proceso, se trabajará con un gestor de listas de tareas básico que opera en Node.js.\n\n## Requisitos\n\n* Se debe tener instalada la última versión de Docker Desktop.\n* Se ha de contar con un cliente Git instalado.\n* Se necesita un IDE o editor de texto para editar archivos. Docker recomienda el uso de Visual Studio Code.\n \nEn resumen, se empaquetará la aplicación utilizando Docker y se trabajará con ella utilizando las herramientas mencionadas anteriormente.\n\n## Obtener la aplicación\n\n1) Clonar el repositorio getting-started-app usando el comando:\n \n| git clone https://github.com/docker/getting-started-app.git |\n|-------------------------------------------------------------|\n\n

\n $\"Imagen$ \n

\n\n

\n $\"Imagen$ \n

\n\n## Construir la imagen de la aplicación\n\nUn Dockerfile es como una receta de cocina para crear una imagen de contenedor. Es un archivo de texto que contiene una serie de instrucciones que Docker utiliza para construir automáticamente una imagen Docker. Especifica qué software y configuraciones se deben incluir en la imagen, así como cómo se deben configurar y ejecutar. Una vez que tienes un Dockerfile, Docker puede usarlo para construir una imagen de contenedor de manera consistente y reproducible.\n\n1) Entrar en el repositorio clonado y crear un archivo vacío llamado Dockerfile\n\n

\n $\"Imagen$ \n

\n\n2)En un editor de codigo agregamos el siguiente codigo al archivo Dockerfile\n\n

\n $\"Imagen$ \n

\n\n3)Se construye la imagen usando el comando:\n\n| docker build -t getting-started . |\n|-----------------------------------|\n\n

\n $\"Imagen$ \n

\n\n

\n $\"Imagen$ \n

\n\nCuando se ejecuta el comando `docker build`, Docker utiliza el Dockerfile proporcionado para construir una nueva imagen. Si la imagen base especificada en el Dockerfile no está disponible localmente, Docker la descarga automáticamente. Luego, Docker sigue las instrucciones del Dockerfile, copiando los archivos de la aplicación, instalando dependencias (en este caso, usando `yarn`), y configurando el comando predeterminado que se ejecutará al iniciar un contenedor a partir de esta imagen (especificado por la directiva `CMD`).\n\nLa bandera `-t` permite etiquetar la imagen con un nombre que elijas, haciéndola fácilmente identificable. En este caso, la imagen se etiqueta como \"getting-started\". Al final del comando, el \".\" indica que Docker debe buscar el Dockerfile en el directorio actual.\n\nEn resumen, el comando `docker build` utiliza el Dockerfile para construir una imagen de contenedor, siguiendo las instrucciones especificadas en el Dockerfile y etiquetando la imagen resultante para facilitar su identificación.\n\n## Iniciar un contenedor de aplicaciones\n\n1) Ejecutar el comando:\n\n| docker run -dp 127.0.0.1:3000:3000 getting-started |\n|----------------------------------------------------|\n\n

\n $\"Imagen$ \n

\n\n

\n $\"Imagen$ \n

\n\nLa bandera `-d` (abreviatura de --detach) ejecuta el contenedor en segundo plano, lo que significa que Docker inicia el contenedor y lo devuelve al indicador de terminal. Se puede verificar que un contenedor esté en ejecución visualizándolo en Docker Dashboard en Containers o ejecutando `docker ps` en la terminal.\n\nLa bandera `-p` (abreviatura de --publish) crea una asignación de puertos entre el host y el contenedor. Toma un valor de cadena en el formato HOST:CONTAINER, donde HOST es la dirección en el host y CONTAINER es el puerto en el contenedor. El comando publica el puerto 3000 del contenedor en 127.0.0.1:3000 (localhost:3000) en el host. Sin la asignación de puertos, no se puede acceder a la aplicación desde el host.\n\n2) Abrir en el navegador web el enlace:\n\n| http://localhost:3000/ |\n|------------------------|\n\nAl agregar uno o dos elementos y verificar que funcione según lo esperado, se puede confirmar que la interfaz está almacenando los elementos correctamente en el backend. Esto implica ingresar los elementos en la interfaz, verificar que se guarden correctamente en el backend y luego confirmar su presencia en la interfaz nuevamente.\n\nUna vez que se han agregado los elementos, se puede marcar esta tarea como completa y eliminarla para mantener un registro ordenado del progreso.\n\n

\n $\"Imagen$ \n

\n\n# Actualizar la aplicación\nEn esta sección, se procederá a actualizar tanto la aplicación como la imagen asociada. Además, se aprenderá a detener y eliminar un contenedor en ejecución.\n\n## Actualizar el código fuente\n1) En el src/static/js/app.jsarchivo, se actualiza la línea 56.\n \n

\n $\"Imagen$ \n

\n\n2) Crear la versión actualizada de la imagen. \n\n

\n $\"Imagen$ \n

\n\n## Eliminar el contenedor creado anteriormente\n\n1)Obtener el ID del contenedor con el comando:\n\n| docker ps |\n|-----------|\n\n2) Utilizar el docker stopcomando para detener el contenedor. Reemplazar con el CONTAINER ID.\n\n| docker stop |\n|--------------------------------|\n\n

\n $\"Imagen$ \n

\n\n

\n $\"Imagen$ \n

\n\n3)Eliminar el contenedor detenido\n\n

\n $\"Imagen$ \n

\n\n## Iniciar el contenedor de aplicaciones actualizado\n\n1) Usar docker run para iniciar el contenedor\n \n

\n $\"Imagen$ \n

\n\n

\n $\"Imagen$ \n

\n\n2) Abrir en el navegador web el enlace:\n \n| http://localhost:3000/ |\n|------------------------|\n\nSe observa el cambio en el texto de la aplicación\n\n ### Antes\n

\n $\"Imagen$ \n

\n\n ### Despues\n

\n $\"Imagen$ \n

\n\n## Compartir la aplicación \n1) para compartir la aplicacion lo primero que se deb realizar es crear un repositorio en docker-hub\n ## crear repositorio y ponerlo publico\n

\n $\"Imagen$ \n

\n2) se procede a empujar la imagen al repositorio utilizando el comando que nos arrojo el repositorio, este dependera de cada usuario\n\n ## empujar imagen\n

\n $\"Imagen$ \n

\n3) como siguiente paso ejecutaremos la imagen en una segunda instancia utilizando el comando:\n\n$ docker build --platform linux/amd64 -t eliasacuna/getting-started .\n\n\n## ejecutar imagen en segunda instancia\n

\n $\"Imagen$ \n

\n\n4) Se inicia la aplicación en un nuevo contenedor creado, con la imagen que se descargo del repositorio\n \n| docker run -dp 0.0.0.0:3000:3000 YOUR-USER-NAME/getting-started |\n|-----------------------------------------------------------------| \n\n

\n $\"Imagen$ \n

\n\n

\n $\"Imagen$ \n

\n\n\n## Conservar la base de datos \n1) para conservar la base de datos primero se debe iniciar un contenedor alpino y acceder a su caparazón con el siguiente comando: docker run -ti --name=mytest alpine\n ## conservar la BD\n

\n $\"Imagen$ \n

\n\n como en este caso no reconoce el comando, se debe ejecutar mediante el siguiente:\n $ winpty docker run -ti --name=mytest alpine\n de esta forma, el comando empezara la descarga\n\n

\n $\"Imagen$ \n

\nprocedemos a crear el archivo greetings y posteriormente saldremos del contenedor\n\n

\n $\"Imagen$ \n

\n \n nos saldra el siguiente error ya que el archivo no existe en el nuevo contenedor.\n \n

\n $\"Imagen$ \n

\n \n procederemos a ejecutar los siguientes comandos para eliminar los contenedores mediante su identificacion\n

\n $\"Imagen$ \n

\n \n

\n $\"Imagen$ \n

\n\n ahora crearemos un nuevo volumen del contenedor para comprobar que los datos persisten\n\n

\n $\"Imagen$ \n

\n\n ## Datos de prueba \n \n

\n $\"Imagen$ \n

\n\n\n # USAR MONTAJES DE ENLACE \n\n # Comparaciones rápidas de tipos de volumen\n\n Los siguientes son ejemplos de un volumen con nombre y un montaje vinculado usando `--mount`:\n\n - **Volumen nombrado:** `type=volume,src=my-volume,target=/usr/local/data`\n - **Montaje de enlace:** `type=bind,src=/path/to/data,target=/usr/local/data`\n\n Abra una terminal y cambie el directorio al getting-started-app directorio.\n\n

\n $\"Imagen$ \n

\n\n Para iniciar una sesión de bash en un contenedor Ubuntu con un montaje de enlace, proceda ejecutando el siguiente comando. La opción --mount type=bind instruye a Docker para establecer un montaje de enlace, permitiendo la sincronización de directorios entre el sistema operativo anfitrión y el contenedor. En este caso, 'src' representa el directorio de trabajo actual en su máquina host, que en este contexto es el proyecto denominado 'getting-started-app'. Por otro lado, 'target' indica la ubicación dentro del contenedor donde se reflejará este directorio montado, en este caso, '/src'. Al ejecutar este comando, asegúrese de reemplazar 'src' y 'target' con las rutas correspondientes según su configuración específica.\n\n

\n $\"Imagen$ \n

\n\n Tras ejecutar el comando proporcionado, Docker abre una sesión interactiva de bash dentro del contenedor, colocándolo en el directorio raíz del sistema de archivos del contenedor. Esto significa que está directamente dentro del entorno del contenedor, listo para interactuar con él utilizando comandos de bash. Desde este punto, puede explorar y trabajar dentro del entorno del contenedor según sea necesario para el proyecto o tarea en curso.\n Después de ejecutar el comando, diríjase al directorio 'src'. Este es el directorio que se montó al iniciar el contenedor y muestra los mismos archivos que tiene en el directorio 'getting-started-app' de su máquina host. Puede verificar esto listando el contenido del directorio utilizando el comando ls. Esto le permitirá confirmar que está trabajando con los archivos correctos y que el montaje de enlace se realizó correctamente.\n\n

\n $\"Imagen$ \n

\n\n Cree un nuevo archivo llamado myfile.txt.\n\n

\n $\"Imagen$ \n

\n\n Abra el getting-started-app directorio en el host y observe que el myfile.txt archivo está en el directorio.\n\n

\n $\"Imagen$ \n

\n\n Desde el host, elimine el myfile.txt archivo.\n\n

\n $\"Imagen$ \n

\n\n En el contenedor, visualice el contenido del app directorio una vez más. Observe que el archivo ya no está.\n\n

\n $\"Imagen$ \n

\n\n ## Contenedores de desarrollo\n\n Los siguientes pasos detallan cómo ejecutar un contenedor de desarrollo con un montaje de enlace que realiza las siguientes acciones:\n\n - Monta su código fuente en el contenedor.\n - Instala todas las dependencias necesarias.\n - Inicia nodemon para observar los cambios en el sistema de archivos.\n\n Asegúrese de no tener ningún contenedor getting-started ejecutándose actualmente.\n\n Ejecute el siguiente comando desde el getting-started-app directorio.\n\n

\n $\"Imagen$ \n

\n\n - Para ejecutar el contenedor en modo independiente (en segundo plano) con una asignación de puertos, se utiliza la opción `-d -p 127.0.0.1:3000:3000`. Esto garantiza que el contenedor funcione en segundo plano y que el puerto 3000 del contenedor esté mapeado al puerto 3000 del host.\n\n - Además, se establece el \"directorio de trabajo\" del contenedor utilizando la opción `-w //app`, lo que indica que el directorio actual desde donde se ejecuta el comando es `/app` dentro del contenedor.\n\n - Luego, se emplea la opción `--mount type=bind,src=\"/$(pwd)\",target=/app` para enlazar y montar el directorio actual del host al directorio `/app` dentro del contenedor. Esto asegura que el código fuente del proyecto esté disponible dentro del contenedor y se sincronice con los cambios realizados en el sistema de archivos del host.\n\n - La imagen base utilizada es `node:18-alpine`, que se especifica con el propósito de la aplicación según el Dockerfile.\n\n - Por último, el comando ejecutado dentro del contenedor es `sh -c \"yarn install && yarn run dev\"`. Aquí, se inicia un shell utilizando `sh` (ya que alpine no tiene bash) y se ejecutan los comandos `yarn install` para instalar las dependencias del proyecto y `yarn run dev` para iniciar el servidor de desarrollo. Es importante mencionar que si se revisa el archivo `package.json`, se verá que el script `dev` inicia el servidor utilizando `nodemon`.\n\n Los registros se pueden ver usando docker logs . Sabrás que estás listo para comenzar cuando visualice esto:\n\n

\n $\"Imagen$ \n

\n\n ## Desarrolla tu aplicación con el contenedor de desarrollo\n\n En el src/static/js/app.jsarchivo, en la línea 109, cambie el botón \"Agregar elemento\" para que diga simplemente \"Agregar\":\n\n

\n $\"Imagen$ \n

\n\n Actualice su página en el navegador web y notará que el cambio se refleja casi de inmediato gracias al montaje del enlace. Nodemon detectará el cambio y reiniciará el servidor automáticamente. Es posible que el servidor de Node tarde unos segundos en reiniciar. Si encuentra algún error, inténtelo de nuevo después de unos segundos.\n\n

\n $\"Imagen$ \n

\n \n","has_starred","hub_user","immutable_tags_settings",{"_75":11,"_76":77},"enabled","rules",[78],".*","is_automated","permissions",{"_82":17,"_83":11,"_84":11},"read","write","admin","user","storage_size",86515444,"orgData","recentTags",[91],{"_92":45,"_93":94,"_95":96,"_97":98,"_99":100,"_101":102,"_51":118,"_119":94,"_120":29,"_121":57,"_39":122,"_123":124,"_125":109,"_126":118,"_127":66,"_128":17},"content_type","creator",19875822,"digest","sha256:d3218ec5fbb67f121f8995032db85014b4d46d0361400b31c5adb574d5f373f5","full_size",86506447,"id",643878870,"images",[103],{"_104":105,"_95":96,"_106":107,"_108":109,"_110":111,"_112":113,"_114":107,"_115":-5,"_116":98,"_63":66,"_117":-5},"architecture","amd64","features","","last_pulled","2026-09-25T20:47:53.407968064Z","last_pushed","2024-04-19T01:53:51Z","os","linux","os_features","os_version","size","variant","2024-04-19T01:53:51.405891Z","last_updater","last_updater_username","media_type","latest","repository",23872597,"tag_last_pulled","tag_last_pushed","tag_status","v2","sbxKitMetadata","isPotentialSpam","isHubSbxKitsEnabled","showSbxLogoOverride","sbxTrademarkText","displaySecurityMetadata","tagAttestations","tagsHaveAttestations",[],"routes/_layout.r.$namespace.$reponame.tags",{"_34":140,"_148":149,"_136":158,"_159":11},{"_36":141,"_43":143,"_46":47,"_48":49,"_50":11,"_51":52,"_53":54,"_55":144,"_39":31,"_28":29,"_58":59,"_60":45,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":62,"_69":70,"_71":11,"_72":29,"_73":145,"_79":11,"_80":147,"_85":29,"_86":87},[142],{"_39":40,"_41":42},[45],[57],{"_75":11,"_76":146},[78],{"_82":17,"_83":11,"_84":11},"tags",{"_150":64,"_151":-5,"_152":-5,"_153":154},"count","next","previous","results",[155],{"_92":45,"_93":94,"_95":96,"_97":98,"_99":100,"_101":156,"_51":118,"_119":94,"_120":29,"_121":57,"_39":122,"_123":124,"_125":109,"_126":118,"_127":66,"_128":17},[157],{"_104":105,"_95":96,"_106":107,"_108":109,"_110":111,"_112":113,"_114":107,"_115":-5,"_116":98,"_63":66,"_117":-5},[],"canDeleteTags","actionData","errors"]

jsanchezlo6/getting-started

Tags for jsanchezlo6/getting-started