Cómo implementar la aplicación React a AWS

React es una biblioteca en el idioma JavaScript para construir interfaces de usuario rápidas e interactivas y es una de las bibliotecas más populares para desarrollar interfaces de usuario. Utiliza componentes independientes, aislados y reutilizables que son piezas de la interfaz de usuario y las compone para construir estructuras complejas. Esta publicación lo guiará a través de la implementación de aplicaciones React a AWS utilizando instancias EC2.

Comencemos con cómo implementar la aplicación React a AWS:

Implementar la aplicación React a AWS

Para implementar la aplicación React a AWS, cree una instancia de EC2 desde la consola EC2 haciendo clic en el "Instancias de lanzamiento" botón:

Ingrese el nombre de la instancia con la selección de imágenes de Amazon Machine para la instancia de EC2:

Elija el tipo de instancia y cree el par de claves privadas haciendo clic en "Crear un nuevo par de claves" enlace:

Escriba el nombre del archivo del par de clave y seleccione el tipo de archivo y el formato para descargarlo. Después de eso, haga clic en el "Crear un par de clavesBotón "en la parte inferior de la página para crear el archivo de par de teclas:

Permitir el tráfico HTTP y HTTPS desde Internet en los grupos de seguridad. Después de eso, simplemente revise todas las configuraciones antes de hacer clic en el "Instancia de lanzamiento"Para crear una instancia de EC2:

Después de la creación de la instancia, seleccione y haga clic en "ConectarBotón para conectarse a la instancia de EC2:

Seleccione el cliente SSH para conectarse a la instancia y copie el comando mencionado en la captura de pantalla a continuación:

Pegue el comando en el símbolo del sistema o PowerShell y cambie la ruta del archivo de par de clave privada:

Una vez que el usuario esté conectado a la instancia de EC2, use el siguiente comando para actualizar los paquetes APT:

Actualización de apt-get

Ejecutar el comando anterior mostrará la siguiente salida:

Instale el servidor NGINX para implementar la aplicación React después de que verifique su existencia y reinicie el servidor utilizando los siguientes comandos:

sudo apt -get install nginx -y
nginx -v
sudo systemctl reiniciar nginx

Estos comandos instalarán e iniciarán los servicios NGINX:

Después de eso, instale el curl para crear la aplicación React en el servidor NGINX utilizando el siguiente comando:

sudo apt-get instalación curl

Ejecutar este comando mostrará la siguiente salida:

Después de eso, use Curl para descargar NodeJs usando el siguiente comando:

curl -sl https: // deb.nodource.com/setup_14.x | sudo -e Bash -

El siguiente resultado se mostrará desde el comando anterior:

Después de completar la descarga, instale el nodejs usando el siguiente comando:

sudo apt -get install -y nodejs

Este comando instalará los NodeJS para crear la aplicación React:

Use el siguiente comando para ubicar la carpeta en la que se creará la aplicación React:

CD/var/www/html/

El usuario está dentro de la carpeta para crear la aplicación React:

Cree la aplicación dentro de la carpeta usando el siguiente comando:

npx create react-app react-tutorial

Ejecutar este comando mostrará la siguiente salida:

Use los siguientes comandos para iniciar el NPM y ejecute la aplicación React:

CD React-Tutorial
Inicio de NPM

Ejecutar este comando le permitirá acceder a la aplicación React en el navegador web utilizando los enlaces de la siguiente captura de pantalla:

Su aplicación React se está ejecutando en el navegador utilizando la red LocalHost o AWS:

Ha implementado con éxito la aplicación React a AWS:

Conclusión

Las aplicaciones React se pueden implementar utilizando la instancia de AWS EC2. Cree la instancia de EC2 desde la página de la consola EC2 y luego conéctese a ella usando el cliente SSH. Una vez que esté dentro de la instancia de EC2, descargue e instale el servidor NGINX y NodeJS para implementar la aplicación React a AWS. Dentro de los NodeJ crea una aplicación React que se implementará utilizando el servidor NGINX.