DEV Community

Guillermo Garcia
Guillermo Garcia

Posted on • Originally published at ahioros.info on

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)
Enter fullscreen mode Exit fullscreen mode
  1. Crear el archivo dockerignore
    Primero tenemos que saber qué es el archivo dockerignore 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:
    node_modules
    
+ Guardar y cerrar el archivo.
Enter fullscreen mode Exit fullscreen mode
  1. Crear el archivo dockerfile ¿Qué es un archivo Dockerfile? El archivo Dockerfile 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.
Enter fullscreen mode Exit fullscreen mode
```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"]

```
Enter fullscreen mode Exit fullscreen mode
+ Guardar y cerrar el archivo.
Enter fullscreen mode Exit fullscreen mode
  1. Crear la imagen docker

    docker build -t rdicidr .    
    
  2. Probar nuestra imagen recien creada

    docker run -p 3000:3000 rdicidr:latest
    

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

Top comments (0)