Come distribuire l'app angolare in AWS

Il framework Angular viene utilizzato per creare applicazioni per siti Web e cellulari che forniscono un'esperienza e un'interfaccia intuitive. È un framework JavaScript che è open-source ed è utilizzato principalmente per sviluppare applicazioni costituite da singole pagine. AWS fornisce servizi remoti per creare ed eseguire diverse applicazioni e la distribuzione di applicazioni angolari è anche un compito semplice.

Distribuire l'app angolare in AWS

Per distribuire l'applicazione angolare in AWS, configurare la CLI AWS usando il seguente comando:

AWS Configura

Nota: Se non hai installato la CLI AWS o hai bisogno di aiuto con la configurazione, leggi questa guida!

Il comando sopra richiederà all'utente di immettere il "Accesso" E "Segreto"Chiave con la regione e il formato di output:

Installa l'ambiente JS nodo facendo clic qui e quindi usa il comando seguente per convalidare la sua installazione

nodo -v
npm -v

L'esecuzione del comando sopra visualizzerà le loro versioni:

Successivamente, installare la CLI angolare utilizzando il comando menzionato di seguito che verrà utilizzato per creare l'applicazione:

NPM Installa -g @Angular/CLI

Il comando sopra visualizzerà il seguente output:

Utilizzare il seguente comando per creare i file dell'applicazione:

NG Nuovo mio-dream-app

Spinterà l'utente a digitare "SÌ"E premi Invio:

Entra nel file dell'applicazione utilizzando il comando seguente:

cd my-dream-app

L'esecuzione del comando sopra verrà visualizzato consentire all'utente all'interno del file dell'applicazione:

Utilizzare il comando seguente per distribuire l'applicazione angolare localmente:

ng serve

L'esecuzione del comando sopra distribuirà l'app su LocalHost:

Dirigiti nel secchio Amazon S3 e fai clic su "Creare"Pulsante:

Fornire le credenziali per il secchio S3 nella pagina di creazione del secchio:

Dai al pubblico l'accesso al bucket a scopo di distribuzione:

Scorri verso il basso nella parte inferiore della pagina per fare clic su "Crea bucket"Pulsante:

Torna al terminale per utilizzare il seguente comando:

ng build

L'esecuzione del comando sopra compilerà l'applicazione:

Carica i file delle applicazioni angolari sul bucket Amazon S3 dalla piattaforma:

Clicca sul "Aggiungi cartella"Pulsante per caricare i file sul secchio:

Concedere l'accesso al pubblico ai file e fare clic su "Caricamento"Pulsante:

Entra nella sezione di hosting statico per fare clic su "Abilitare"Pulsante e tipo"indice.html"Per il documento dell'indice:

Utilizzare il seguente codice nella politica del secchio S3:

"Versione": "2012-10-17",
"Dichiarazione": [

"SID": "AmmettiPublicReadeaccess",
"Effetto": "Consenti",
"Principal": "*",
"Azione": [
"S3: getObject"
",
"Risorsa": [
"Arn: AWS: S3 :::/*"
"

"

Salva la politica per il secchio dalla pagina:

Dopo questo aprire il "Pacchetto.JSON"File per modificare il"Sceneggiatura"Sezione usando la seguente screenshot:

Esegui il comando seguente per eseguire il codice distribuita aggiunto al file:

ng build && npm run-deploy

L'esecuzione del comando sopra distribuirà l'applicazione in AWS:

Utilizzare l'URL dell'oggetto nel browser Web per visitare l'applicazione:

Visitare l'URL visualizzerà il seguente risultato sul browser:

Hai distribuito con successo un'applicazione angolare in AWS.

Conclusione

Per distribuire l'app angolare in AWS, creare l'applicazione angolare e caricarla sul bucket Amazon S3. Crea un secchio S3 dalla piattaforma e carica i file dell'applicazione su di essa. Successivamente, crea accesso al pubblico al secchio e modifica la politica del secchio. Cambia il pacchetto.File JSON per aggiungere il codice Distribuisci AWS e utilizza il comando Distribuisci sul terminale. Questa guida ha spiegato il processo di distribuzione di applicazioni angolari in AWS.