Använd AWS EC2s skalbara infrastruktur för att distribuera dina React-appar.

I dagens snabbt växande digitala landskap har cloud computing blivit ett oumbärligt verktyg för företag. Bland de olika cloud computing-plattformarna som finns tillgängliga, Amazon Web Services (AWS) EC2 (Elastic Compute Cloud) framstår som en mångsidig och kraftfull plattform för att distribuera applikationer och hantera infrastruktur med lätthet.

Med sin skalbara infrastruktur, robusta säkerhetsfunktioner och sömlösa integrationsalternativ ger EC2 dig möjlighet att låsa upp den fulla potentialen i dina applikationer.

1. Konfigurera en AWS EC2-instans

För att börja använda AWS EC2 kan du följa följande steg som utgångspunkt.

  • Logga in på AWS Management Console. Om du inte redan har gjort det, skapa ett konto på AWS officiella webbplats.
  • Navigera till EC2 och klicka på Starta instanser.
  • Välj en Amazon Machine Image (AMI) som stöder ditt föredragna operativsystem.
  • Och konfigurera även säkerhetsgrupper för att tillåta inkommande trafik till din applikation (t.ex. HTTP/HTTPS) enligt dina preferenser.
    • instagram viewer
  • Nu har du skapade din Linux-server AWS EC2-instans framgångsrikt och sedan skapat ett nytt nyckelpar eller valt ett befintligt.

2. Anslut till din EC2-instans

När du väl har konfigurerat din EC2-instans är nästa steg att lära dig hur du upprättar en anslutning till den.

  • Ladda ner den skapade privata nyckelfilen (.pem) för ditt nyckelpar.
  • För att ansluta ditt nyckelpar kan du också använda FTP-klienter som filezilla eller Spackel (om du är en Windows-användare).
  • Ställ in lämpliga behörigheter för den privata nyckelfilen med följande kommando i terminalen: 
 chmod 400 /path/to/key-pair.pem
  • Anslut till din instans med SSH.

Till exempel:

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

Genom att följa dessa steg kommer du att lyckas upprätta en anslutning till din EC2-instans.

3. Uppdatera paket på din EC2-instans

Efter att ha upprättat en anslutning till din EC2-instans, fortsätt med att uppdatera paket i din instans.

  • Uppdatera paketen på din EC2-instans genom att köra följande kommando: 
sudo yum uppdatering

4. Installera Node.js och npm

För att installera Node.js och npm i din EC2-instans kör följande kommando:

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

5. Klona ditt React Application Repository

För att distribuera din React-applikation på EC2-instansen, utför följande steg:

  • Installera Git om det inte redan är installerat på din instans: 
 sudo yum installera git
  • Klona ditt React-programförråd med kommandot: 
git klon

6. Installera projektberoenden

Efter att ha klonat ditt React-programförråd, navigera till förvarskatalogen och installera projektberoendena.

CD  npm installera

7. Bygg din React-applikation

För att bygga din React-applikation för produktion, använd följande kommando:

npm kör bygg

8. Installera en webbserver

För att köra din React-applikation på EC2-instansen, installera en webbserver som t.ex Nginx. Nginx tillhandahåller prestanda, skalbarhet, cachning, lastbalansering och säkerhetsfunktioner för att säkerställa tillförlitlig leverans av din applikation. Installera Nginx med kommandot:

sudo yum installera nginx

9. Konfigurera Nginx

För att konfigurera Nginx för din React-applikation, följ dessa steg:

  • Öppna Nginx-konfigurationsfilen med kommandot: 
sudo nano /etc/nginx/nginx.conf
  • Uppdatera serverblocket så att det inkluderar följande platsblock: 
server {...plats / {root/path/to/your/react/application/build;
index index.html;
try_files $uri /index.html;}... }

Spara filen och avsluta redigeraren.

10. Starta Nginx-servern

För att starta Nginx-servern och aktivera den att starta automatiskt vid systemstart, använd följande kommandon:

sudo service nginx startsudo chkconfig nginx på

11. Få tillgång till din React-applikation

Följ dessa steg för att komma åt din distribuerade React-applikation:

  • I din konsol hittar du din instanss offentliga IP-adress genom att söka i din skapade EC2-instans.
  • Bläddra sedan efter ditt distribuerade program med den IP-adressen eller domänen som är kopplad till din EC2-instans.

Släpp lös kraften med AWS för applikationsförbättring

AWS erbjuder ett brett utbud av tjänster och funktioner som avsevärt kan förbättra din applikations kapacitet. Genom att utforska alternativ som automatisk skalning, lastbalansering och databaser, och kontinuerligt övervaka prestanda och säkerhet för din EC2-instans, kan du säkerställa optimal drift.

Att bemästra processen att sätta upp en EC2-instans och distribuera en React-applikation utrustar dig inte bara med värdefulla färdigheter utan gör det också möjligt för dig att dra nytta av den fulla potentialen hos molnberäkning.