Come distribuire l'app React su AWS

React è una libreria nel linguaggio JavaScript per la costruzione di interfacce utente veloci e interattive ed è una delle librerie più popolari per lo sviluppo di interfacce utente. Utilizza componenti indipendenti, isolati e riutilizzabili che sono pezzi dell'interfaccia utente e li compone per costruire strutture complesse. Questo post ti guiderà attraverso la distribuzione di applicazioni React su AWS utilizzando le istanze EC2.

Cominciamo con come distribuire l'applicazione React su AWS:

Distribuisci l'app React su AWS

Per distribuire l'applicazione React su AWS, creare un'istanza EC2 dalla console EC2 facendo clic su "Istanze di lancio"Pulsante:

Immettere il nome dell'istanza con la selezione dell'immagine della macchina Amazon per l'istanza EC2:

Scegli il tipo di istanza e crea la coppia di tasti privati ​​facendo clic su "Crea una nuova coppia di chiavi" collegamento:

Digitare il nome del file della coppia di tasti e selezionare il tipo di file e il formato per scaricarlo. Successivamente, fai clic su "Crea una coppia di chiavi"Pulsante nella parte inferiore della pagina per creare il file della coppia di tasti:

Consenti il ​​traffico HTTP e HTTPS da Internet nei gruppi di sicurezza. Successivamente, basta rivedere tutte le impostazioni prima di fare clic su "Avvia istanza"Per creare un'istanza EC2:

Dopo la creazione dell'istanza, selezionalo e fai clic su "Collegare"Pulsante per connettersi all'istanza EC2:

Selezionare il client SSH per connettersi all'istanza e copiare il comando menzionato nello screenshot seguente:

Incolla il comando sul prompt dei comandi o PowerShell e modifica il percorso del file della coppia di tasti privati:

Una volta che l'utente è connesso all'istanza EC2, utilizzare il comando seguente per aggiornare i pacchetti APT:

Aggiornamento APT-get

L'esecuzione del comando sopra visualizzerà il seguente output:

Installa il server Nginx per distribuire l'applicazione React dopo che verifica la sua esistenza e riavvia il server utilizzando i seguenti comandi:

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

Questi comandi installeranno e avvieranno i servizi Nginx:

Successivamente installa il ricciolo per creare l'applicazione React sul server Nginx utilizzando il comando seguente:

sudo apt-get installa curl

L'esecuzione di questo comando visualizzerà il seguente output:

Successivamente, usa Curl per scaricare Nodejs usando il seguente comando:

Curl -sl https: // deb.nodource.com/setup_14.x | Sudo -e Bash -

Il seguente risultato verrà visualizzato dal comando sopra:

Dopo il completamento del download, installare i nodejs utilizzando il comando seguente:

sudo apt -get install -y nodejs

Questo comando installerà i nodejs per creare l'applicazione React:

Utilizzare il comando seguente per individuare la cartella in cui verrà creata l'applicazione React:

cd/var/www/html/

L'utente è all'interno della cartella per creare l'applicazione React:

Crea l'applicazione all'interno della cartella utilizzando il comando seguente:

NPX Crea-react-app react-tutorial

L'esecuzione di questo comando visualizzerà il seguente output:

Utilizzare i seguenti comandi per avviare NPM ed eseguire l'applicazione React:

CD React-Tutorial
NPM Avvia

L'esecuzione di questo comando consentirà di accedere all'applicazione React sul browser Web utilizzando i collegamenti dallo screenshot seguente:

L'applicazione React è in esecuzione sul browser utilizzando LocalHost o la rete AWS:

Hai distribuito con successo l'applicazione React su AWS:

Conclusione

Le applicazioni di reazione possono essere distribuite utilizzando l'istanza AWS EC2. Crea l'istanza EC2 dalla pagina della console EC2 e quindi connettiti ad essa utilizzando il client SSH. Una volta che sei all'interno dell'istanza EC2, scarica e installa il server Nginx e NodeJS per distribuire l'applicazione React su AWS. All'interno dei nodejs crea un'app React che verrà distribuita utilizzando il server Nginx.