Benytt AWS EC2s skalerbare infrastruktur for å distribuere React-appene dine.

I dagens raskt utviklende digitale landskap, har cloud computing blitt et uunnværlig verktøy for bedrifter. Blant de forskjellige tilgjengelige cloud computing-plattformene, Amazon Web Services (AWS) EC2 (Elastic Compute Cloud) skiller seg ut som en allsidig og kraftig plattform for å distribuere applikasjoner og administrere infrastruktur med letthet.

Med sin skalerbare infrastruktur, robuste sikkerhetsfunksjoner og sømløse integrasjonsalternativer, gir EC2 deg muligheten til å frigjøre det fulle potensialet til applikasjonene dine.

1. Sett opp en AWS EC2-instans

For å begynne å bruke AWS EC2, kan du følge følgende trinn som et utgangspunkt.

  • Logg inn på AWS-administrasjonskonsoll. Hvis du ikke allerede har gjort det, opprett en konto på AWS offisielle nettsted.
  • Naviger til EC2 og klikk på Start Forekomster.
  • Velg et Amazon Machine Image (AMI) som støtter ditt foretrukne operativsystem.
  • Og konfigurer også sikkerhetsgrupper for å tillate innkommende trafikk til applikasjonen din (f.eks. HTTP/HTTPS) som dine preferanser.
    instagram viewer
  • Nå har du opprettet din Linux-server AWS EC2-forekomst vellykket og deretter opprettet et nytt nøkkelpar eller valgt et eksisterende.

2. Koble til din EC2-instans

Når du har konfigurert EC2-forekomsten, er neste trinn å lære hvordan du oppretter en tilkobling til den.

  • Last ned den opprettede private nøkkelfilen (.pem) for nøkkelparet ditt.
  • For å koble til nøkkelparet ditt kan du også bruk FTP-klienter som filezilla eller kitt (hvis du er Windows-bruker).
  • Angi passende tillatelser for den private nøkkelfilen ved å bruke følgende kommando i terminalen: 
 chmod 400 /path/to/key-pair.pem
  • Koble til instansen din ved hjelp av SSH.

For eksempel:

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

Ved å følge disse trinnene vil du opprette en tilkobling til EC2-forekomsten.

3. Oppdater pakker på din EC2-forekomst

Etter å ha opprettet en forbindelse med EC2-forekomsten, fortsett å oppdatere pakker i forekomsten.

  • Oppdater pakkene på EC2-forekomsten din ved å kjøre følgende kommando: 
sudo yum oppdatering

4. Installer Node.js og npm

For å installere Node.js og npm i EC2-forekomsten din, kjør følgende kommando:

krølle -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash kilde ~/.nvm/nvm.sh nvm installasjonsnode

5. Klon React Application Repository

For å distribuere React-applikasjonen din på EC2-forekomsten, utfør følgende trinn:

  • Installer Git hvis det ikke allerede er installert på din instans: 
 sudo yum installer git
  • Klon React-applikasjonsdepotet ditt ved å bruke kommandoen: 
git klone

6. Installer prosjektavhengigheter

Etter å ha klonet ditt React-programlager, naviger til depotkatalogen og installer prosjektavhengighetene.

cd  npm installere

7. Bygg din React-applikasjon

For å bygge din React-applikasjon for produksjon, bruk følgende kommando:

npm kjøre bygge

8. Installer en webserver

For å kjøre React-applikasjonen din på EC2-instansen, installer en webserver som f.eks Nginx. Nginx gir ytelse, skalerbarhet, caching, lastbalansering og sikkerhetsfunksjoner for å sikre pålitelig levering av applikasjonen din. Installer Nginx ved å bruke kommandoen:

sudo yum installer nginx

9. Konfigurer Nginx

Følg disse trinnene for å konfigurere Nginx for React-applikasjonen din:

  • Åpne Nginx-konfigurasjonsfilen ved å bruke kommandoen: 
sudo nano /etc/nginx/nginx.conf
  • Oppdater serverblokken til å inkludere følgende plasseringsblokk: 
server {...location / {root/path/to/your/react/application/build;
indeks index.html;
try_files $uri /index.html;}... }

Lagre filen og gå ut av redigeringsprogrammet.

10. Start Nginx-serveren

For å starte Nginx-serveren og la den starte automatisk ved systemoppstart, bruk følgende kommandoer:

sudo service nginx startsudo chkconfig nginx på

11. Få tilgang til din React-applikasjon

Følg disse trinnene for å få tilgang til den distribuerte React-appen din:

  • I konsollen din finner du den offentlige IP-adressen til forekomsten din ved å søke i den opprettede EC2-forekomsten.
  • Bla deretter etter det distribuerte programmet ved å bruke den IP-adressen eller domenet som er knyttet til EC2-forekomsten.

Slipp løs kraften til AWS for applikasjonsforbedring

AWS tilbyr et bredt spekter av tjenester og funksjoner som i stor grad kan forbedre applikasjonens muligheter. Ved å utforske alternativer som automatisk skalering, lastbalansering og databaser, og kontinuerlig overvåke ytelsen og sikkerheten til EC2-forekomsten din, kan du sikre optimal drift.

Å mestre prosessen med å sette opp en EC2-instans og distribuere en React-applikasjon utstyrer deg ikke bare med verdifulle ferdigheter, men gjør deg også i stand til å utnytte det fulle potensialet til cloud computing.