Entradas

Mostrando las entradas etiquetadas como React

Create a docker image from a spring boot project

-
In order to create a docker image from a spring boot project, First, your pom.xml has to be configured. <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> <configuration> <!-- Cofiguration for creating a docker image --> <image> <name>chamow01/${project.artifactId}</name> </image> </configuration> </plugin> </plugins> </build> Then, the next maven command needs to be applied, so spring boot uses paketo-buildpacks in order to create a docker image based on you Java code mvn spring-boot:build-image ... [INFO] > Running creator [INFO] [creator] ===> DETECTING [INFO] [creator] 6 of 24 buildpacks participating [INFO] [creator] paketo-buildpacks/ca-certificates 3.2.0 [INFO] [creator] paketo-buildpacks/bellsoft-liberica 9.3.2 [INFO] ...
Publicar un comentario
Leer más

Tips React

-
Evitar el submit de un form cuando se da enter en un input Configurar el form como se indica <form autoComplete="off" noValidate onSubmit={e => { e.preventDefault(); }}>
Publicar un comentario
Leer más

Creación de una aplicación MERN

-
Creación de una aplicación MERN M.- MongoDB E.- Express R.- React N.- NodeJs Crear una carpeta padre llamada app y dentro crear dos carpetas hijas llamadas client y server Servidor Dentro de la carpeta server, ejecutar el comando npm init -y para crear un archivo package.json de forma automática Luego ejecutar el comando npm install body-parser cors express mongoose nodemon para instalar las dependencias básicas que se necesitan de lado del servidor Instalar las siguientes librerias para login: npm install bcryptjs jsonwebtoken Notas: Para poder utilizar los imports de tipo import module from 'module' se debe configurar la bandera "type":"module" Deploy en Heroku: Crear el archivo Procfile con el contenido: web: npm run start Esto permite a heroku levantar el servidor una vez que esté deployada Cliente Dentro de la carpeta client, ejecutar el comando npm install axios moment react-f...
Publicar un comentario
Leer más

Configuración middleware proxy en React

-
Imagen
Con la finalidad de evitar bloqueos de tipo CORS-Origin al momento de consumir servicios REST en un ambiente de desarrollo con React Js; es posible, configurar un proxy middleware. 1. Configuración en archivo package.json Colocar la propiedad proxy en el archivo package.json, indicando la url y puerto por el cual se levanta el servidor de desarrollo react. 2. Configuración de archivo setupProxy.js En el directorio /src  un archivo llamado  setupProxy.js y colocar la siguiente información: 3. Verificar /ruta-api  El valor de /ruta-api debe ser el mismo que se utiliza en el llamado fetch para consumir un servicio REST Fuentes:   https://www.npmjs.com/package/http-proxy-middleware#http-proxy-middleware-options
Leer más