[ Guillermo@Garcia ]# more /var/pub | beer

sábado, 25 de mayo de 2024

Creando una imagen docker de una aplicación en react


En esta guía vamos a dockerizar una aplicación React.

Pre-requisitos:
    - Tener instalado [Docker](https://www.docker.com/)
    - Un proyecto en [react](https://github.com/ahioros/devops-kubernetes-sr-azure)
1. Crear el archivo dockerignore
Primero tenemos que saber qué es el archivo [dockerignore](https://docs.docker.com/reference/dockerfile/#dockerignore-file) describe una lista de archivos que no queremos que se copien al contenedor. Por ejemplo, el archivo `node_modules` no se copiara al contenedor.
    + Crear el archivo .dockerignore y abrirlo con tu editor de texto favorito, poner la siguiente línea:

    ```bash
    node_modules
    ```
    + Guardar y cerrar el archivo.

2. Crear el archivo dockerfile
¿Qué es un archivo Dockerfile? El archivo [Dockerfile](https://docs.docker.com/reference/dockerfile/#overview) define el contenedor que vamos a crear. En este caso, vamos a crear un contenedor llamado rdicidr.

    + Crear el archivo Dockerfile y abrirlo con tu editor de texto favorito.

    ```bash
    FROM node:15

    WORKDIR /app

    COPY public/ .

    COPY src/ .

    COPY package.json .

    COPY package-lock.json .

    RUN npm install

    COPY . .

    EXPOSE 3000

    CMD [ "npm", "start" ]

    ```
    + Guardar y cerrar el archivo.
3. Crear la imagen docker

    ```bash
	docker build -t rdicidr .    
    ```

4. Probar nuestra imagen recien creada

    ```bash
	docker run -p 3000:3000 rdicidr:latest
    ```

Acá te dejo el video de esta configuración por si tienes dudas: