Como implantar seu aplicativo React no AWS EC2

A computação em nuvem tornou-se um aspeto essencial das empresas modernas devido à sua rápida evolução no mundo digital. Entre as diversas plataformas de computação em nuvem, o Elastic Compute Cloud (EC2) da Amazon Web Services (AWS) surge como uma solução altamente adaptável e robusta para alojar aplicações e gerir infra-estruturas com simplicidade.

Com a sua capacidade de escalonamento, ambiente seguro e facilidade de integração com outros serviços, o Amazon Elastic Compute Cloud (EC2) permite aos utilizadores utilizar plenamente as capacidades das suas aplicações.

Configurar uma instância do AWS EC2

O AWS Elastic Compute Cloud (EC2) é um serviço da Web que fornece capacidade de computação redimensionável na nuvem. Para começar a usar esse serviço, siga estas etapas iniciais como base para sua jornada.

Inicie sessão na Consola de Gestão da AWS, que pode ser acedida através do site oficial da AWS. Recomenda-se que crie primeiro uma conta, caso ainda não o tenha feito.

Aceda à plataforma Amazon Elastic Compute Cloud (EC2) e aceda à funcionalidade “Launch Instances”.

Seleccione uma Amazon Machine Image (AMI) que esteja em conformidade com o seu sistema operacional preferido.

Para garantir que o tráfego de entrada possa aceder à sua aplicação, é necessário configurar corretamente os grupos de segurança e ativar os protocolos adequados, como HTTP e HTTPS.

O processo de criação de um servidor Linux no Amazon Elastic Compute Cloud (Amazon EC2) foi concluído, resultando no estabelecimento bem-sucedido da infraestrutura necessária. Posteriormente, foi gerado um novo par de chaves ou foi selecionado um par existente para acesso seguro à instância.

Conectar à sua instância EC2

Após a implantação bem-sucedida de uma instância do Elastic Compute Cloud (EC2), o estágio subsequente envolve a aquisição de proficiência na conexão com ela.

Obtenha o ficheiro .pem que contém a chave privada que foi gerada para o seu par de chaves, descarregando-o de uma localização segura.

⭐ Para ligar o seu par de chaves pode também

utilizar clientes FTP como o filezilla

ou putty (se for um utilizador Windows).

A instrução seguinte, a ser executada num terminal, define o intervalo de acessibilidade permitido para os dados confidenciais armazenados no ficheiro especificado, através do comando especificado abaixo:

   chmod 400 /path/to/key-pair.pem 

⭐ Ligue-se à sua instância utilizando SSH.

Por exemplo:

 ssh -i /path/to/your-key-pair.pem ec2-user@your-instance-public-ip 

Ao seguir as directrizes acima mencionadas, é possível estabelecer uma comunicação segura com a sua instância do Amazon Elastic Compute Cloud (Amazon EC2).

Atualizar pacotes na sua instância EC2

Após ter estabelecido a comunicação com a sua instância EC2, é aconselhável que inicie o processo de atualização dos pacotes de software na referida instância.

 sudo yum update 

Instalar o Node.js e o npm

Para configurar o Node.js e o npm na sua instância Amazon Elastic Compute Cloud (Amazon EC2), execute o seguinte comando:

 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash source ~/.nvm/nvm.sh nvm install node 

Clonar seu repositório de aplicativos React

O processo de implantação de um aplicativo React em uma instância do Amazon Elastic Compute Cloud (Amazon EC2) envolve várias etapas que devem ser executadas em sequência. A seguir, um esboço detalhado dessas etapas:

A instalação do Git é recomendada para garantir uma integração perfeita com a nossa plataforma, uma vez que serve como um componente fundamental no controlo de versões e colaboração para projetos de desenvolvimento de software. Para prosseguir com a sua utilização, certifique-se de que foi previamente configurado no seu ambiente informático.

  sudo yum install git 

O processo de replicação de um repositório contendo uma aplicação React pode ser executado através da utilização do seguinte comando:

 git clone <repository-url> 

Instalar Dependências do Projeto

Após a aquisição de uma cópia do código fonte de uma aplicação React, dirija-se ao diretório designado e inicie o processo de instalação das dependências necessárias para o projeto.

 cd <repository> npm install 

Construa seu aplicativo React

Para implantar um aplicativo React em sua forma final, utilize o seguinte comando:

 npm run build 

Instalar um servidor Web

Para executar seu aplicativo React na instância EC2, instale um servidor Web como o Nginx . O Nginx fornece desempenho, escalabilidade, cache, balanceamento de carga e recursos de segurança para garantir a entrega confiável do seu aplicativo. Instale o Nginx usando o comando:

 sudo yum install nginx 

Configurar o Nginx

Para configurar o Nginx para atender a um aplicativo React, siga o procedimento a seguir:

Abra o ficheiro de configuração do servidor Nginx executando o seguinte comando:

 sudo nano /etc/nginx/nginx.conf 

 server {...location / {root/path/to/your/react/application/build;
index index.html;
try_files $uri /index.html;}... } 

Salve o arquivo e saia do editor.

Iniciar o servidor Nginx

Para inicializar e ativar o arranque automático do servidor Web Nginx, utilize as seguintes instruções:

 sudo service nginx startsudo chkconfig nginx on

 

Acesse seu aplicativo React

Para obter acesso ao seu aplicativo React disseminado, observe as diretrizes a seguir:

Localize o endereço IP (Internet Protocol) público da suaInstance no seuConsoleinspeccionando aEC2instanceque você criou

Obtenha o endereço IP do seu aplicativo implantado navegando por ele usando o endereço IP mencionado acima ou por meio do nome de domínio associado à sua instância do Amazon Elastic Compute Cloud (Amazon EC2) e, em seguida, navegue até ele para acessar e utilizar os recursos do seu aplicativo.

Liberte o poder da AWS para melhorar a aplicação

A Amazon Web Services fornece uma vasta gama de serviços e funcionalidades que podem aumentar significativamente as capacidades da sua aplicação. Através da análise de alternativas como o escalonamento automático, a distribuição de cargas e os repositórios de dados, juntamente com a monitorização contínua da eficiência e segurança da sua instância Elastic Compute Cloud, pode garantir a funcionalidade ideal.

Adquirir proficiência no estabelecimento de uma instância do Amazon Elastic Compute Cloud (Amazon EC2) e na implantação de um aplicativo React não é apenas benéfico para aprimorar as habilidades de alguém, mas também permite a utilização completa dos recursos de computação em nuvem.