Como implantar o aplicativo React para a AWS

React é uma biblioteca na linguagem JavaScript para a construção de interfaces de usuário rápido e interativo e é uma das bibliotecas mais populares para o desenvolvimento de interfaces de usuário. Ele usa componentes independentes, isolados e reutilizáveis ​​que são peças da interface do usuário e as compõe para criar estruturas complexas. Esta posta.

Vamos começar com como implantar o aplicativo React na AWS:

Implante o aplicativo React para AWS

Para implantar o aplicativo React à AWS, crie uma instância EC2 do console do EC2 clicando no “Iniciar instâncias" botão:

Digite o nome da instância com a seleção da imagem da Amazon Machine para a instância do EC2:

Escolha o tipo de instância e crie o par de teclas privadas clicando no “Crie um novo par de chaves" link:

Digite o nome do arquivo do par de chaves e selecione o tipo de arquivo e o formato para baixá -lo. Depois disso, clique no “Crie o par de chaves”Botão na parte inferior da página para criar o arquivo do par de chaves:

Permita o tráfego HTTP e HTTPS da Internet nos grupos de segurança. Depois disso, basta revisar todas as configurações antes de clicar em “Instância de lançamento”Para criar uma instância do EC2:

Após a criação da instância, selecione -a e clique em “ConectarBotão para conectar -se à instância do EC2:

Selecione o cliente SSH para conectar -se à instância e copie o comando mencionado na captura de tela abaixo:

Cole o comando no prompt de comando ou PowerShell e altere o caminho do arquivo de par de chaves privadas:

Depois que o usuário estiver conectado à instância do EC2, use o seguinte comando para atualizar os pacotes apt:

Atualização APT-Get

Executa o comando acima exibirá a seguinte saída:

Instale o servidor nginx para implantar o aplicativo React após isso verificar sua existência e reiniciar o servidor usando os seguintes comandos:

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

Esses comandos instalarão e iniciarão os serviços nginx:

Depois disso, instale o CRO para criar o aplicativo React no servidor nginx usando o seguinte comando:

sudo apt-get install surl

A execução deste comando exibirá a seguinte saída:

Depois disso, use o CURL para baixar o NodeJS usando o seguinte comando:

Curl -sl https: // Deb.Sodesource.com/setup_14.x | SUDO -E BASH -

O seguinte resultado será exibido no comando acima:

Após a conclusão do download, instale os nodejs usando o seguinte comando:

sudo apt -get install -y nodejs

Este comando instalará o NodeJS para criar o aplicativo React:

Use o seguinte comando para localizar a pasta na qual o aplicativo React será criado:

CD/var/www/html/

O usuário está dentro da pasta para criar o aplicativo React:

Crie o aplicativo dentro da pasta usando o seguinte comando:

NPX CREATE-REACT-APP REACT-TUTORIAL

A execução deste comando exibirá a seguinte saída:

Use os seguintes comandos para iniciar o NPM e executar o aplicativo React:

CD React-Tutorial
NPM START

A execução deste comando permitirá acessar o aplicativo React no navegador da web usando os links da captura de tela abaixo:

Seu aplicativo REACT está em execução no navegador usando o host local ou a rede da AWS:

Você implantou com sucesso o aplicativo React à AWS:

Conclusão

As aplicações de reação podem ser implantadas usando a instância do AWS EC2. Crie a instância do EC2 na página do console do EC2 e depois conecte -se usando o cliente SSH. Depois de estiver dentro da instância do EC2, faça o download e instale o servidor nginx e o NodeJS para implantar o aplicativo React na AWS. Dentro do NodeJS, crie um aplicativo React que será implantado usando o servidor nginx.