pavlo12/practicadocker repository overview

⁠BravoArcePractica

Para poder ejecutar nuestra imagen con la aplicacion deberemos realizar la documentacion, deberemos hacer los siguientes comandos:

⁠Ejecutar la imagen dentro del contenedor:

1. Ejecutar el contenedor Docker: Para poder usar la imagen de esta aplicacion deberemos correr el siguiente comando:

docker run -d --name <nombre-contenedor> -p 3000:3000 pavlo12/practicavirtu:latest

1. Para poder si el contenedor inicio realizaremos el siguiente comando:

docker ps

1. Luego si queremos ver el log de nuestro contenedor deberemos copiar el id del contenedor:

docker logs <id-contenedor>

1. Ingresaremos a la direccion donde se alojo nuestro contenedor:

http://localhost:3000/

1. Para probar su funcionalidad deberemos abrir dos pestañas de nuestra direccion y mandar mensajes y tendremos el chat el tiempo real.

⁠Construccion de la aplicacion dentro del Dockerfile:

1. Utilizar la imagen oficial de Node.js como imagen base

FROM node:latest

1. Establecer el directorio de trabajo en el contenedor para el backend

WORKDIR /usr/src/app/chat-backend

1. Copiar el 'package.json' y 'package-lock.json' del backend

COPY chat-backend/package*.json ./

1. Instalar las dependencias del backend

RUN npm install

1. Copiar el resto del código fuente del backend

COPY chat-backend/ .

1. Cambiar al directorio del frontend

WORKDIR /usr/src/app/BravoArce

1. Instalar Angular CLI globalmente

RUN npm install -g @angular/cli

1. Copiar el 'package.json' y 'package-lock.json' del frontend

COPY BravoArce/package*.json ./

1. Instalar las dependencias del frontend

RUN npm install

1. Copiar los archivos restantes del proyecto frontend

COPY BravoArce/ .

1. Construir la aplicación Angular para producción

RUN ng build --configuration production

1. Cambiar de nuevo al directorio del backend para la ejecución

WORKDIR /usr/src/app/chat-backend

1. Exponer el puerto 3000 para el servidor Node.js y el puerto 80 para el servidor web

EXPOSE 3000 80

1. Comando para ejecutar el servidor Node.js y servir la aplicación Angular

CMD ["sh", "-c", "node index.js & npx http-server /usr/src/app/BravoArce/dist/bravo-arce -p 80"]