Hvordan distribuere Angular -appen i AWS

Hvordan distribuere Angular -appen i AWS

Vinkelrammen brukes til å bygge applikasjoner for nettsteder og mobiler som gir en brukervennlig opplevelse og grensesnitt. Det er et JavaScript-rammeverk som er åpen kildekode og brukes først og fremst til å utvikle applikasjoner bestående av enkeltsider. AWS leverer eksterne tjenester for å bygge og kjøre forskjellige applikasjoner, og distribusjon av vinkelapplikasjoner er også en enkel oppgave.

Distribuer Angular App i AWS

For å distribuere Angular -applikasjonen i AWS, konfigurer AWS CLI ved å bruke følgende kommando:

AWS Konfigurer

Merk: Hvis du ikke har AWS CLI installert, eller trenger hjelp med konfigurasjonen, så les denne guiden!

Kommandoen ovenfor vil be brukeren om å oppgi “Adgang”Og“Hemmelig”Nøkkel med region- og utgangsformat:

Installer Node JS -miljøet ved å klikke her og bruk deretter følgende kommando for å validere installasjonen

Node -V
npm -v

Kjører kommandoen ovenfor vil vise versjonene sine:

Etter det, installer Angular CLI ved å bruke kommandoen som er nevnt nedenfor som skal brukes til å opprette applikasjonen:

npm install -g @angular/cli

Kommandoen ovenfor vil vise følgende utgang:

Bruk følgende kommando for å bygge applikasjonsfilene:

NG NY MY-DREAM-APP

Det vil be brukeren skrive "Ja”Og treff Enter:

Gå inn i applikasjonsfilen ved å bruke følgende kommando:

CD My-Dream-App

Kjører kommandoen ovenfor vises La brukeren inne i applikasjonsfilen:

Bruk følgende kommando for å distribuere Angular -applikasjonen lokalt:

ng server

Å kjøre kommandoen ovenfor vil distribuere appen på Localhost:

Gå inn i Amazon S3 -bøtta og klikk på “Skape”Knapp:

Gi legitimasjonen for S3 -bøtta på CHUTT -siden:

Gi publikum tilgang til bøtta til distribusjonsformålet:

Bla ned på bunnen av siden for å klikke på “Lag bøtte”Knapp:

Gå tilbake til terminalen for å bruke følgende kommando:

ng build

Kjører kommandoen ovenfor vil kompilere applikasjonen:

Last opp vinkelapplikasjonsfilene på Amazon S3 -bøtta fra plattformen:

Klikk på "Legg til mappe”Knapp for å laste opp filene på bøtta:

Gi offentlig tilgang til filene og klikk på "Laste opp”Knapp:

Gå inn i den statiske hosting -delen for å klikke på “Muliggjøre”Knapp og type”indeks.html”For indeksdokumentet:

Bruk følgende kode i policyen til S3 -bøtta:


"Versjon": "2012-10-17",
"Uttalelse": [

"Sid": "AllowPublicReadAccess",
"Effekt": "Tillat",
"Rektor": "*",
"Handling": [
"S3: getObject"
],
"Ressurs": [
"Arn: AWS: S3 :::/*"
]

]

Lagre policyen for bøtta fra siden:

Etter det åpne “Pakke.JSON”Fil for å redigere“Manus”Seksjon ved hjelp av følgende skjermbilde:

Kjør følgende kommando for å kjøre distribusjonskoden som er lagt til filen:

ng build && npm kjør aws-deploy

Å kjøre kommandoen ovenfor vil distribuere applikasjonen i AWS:

Bruk objektets URL i nettleseren til å besøke applikasjonen:

Visting URL vil vise følgende resultat i nettleseren:

Du har distribuert en vinkelapplikasjon i AWS.

Konklusjon

For å distribuere Angular -appen i AWS, oppretter du Angular Application og laster den opp på Amazon S3 -bøtta. Lag en S3 -bøtte fra plattformen og last opp applikasjonsfilene på den. Etter det kan du skape offentlig tilgang til bøtta og redigere bøttepolitikken. Endre pakken.JSON -fil for å legge til AWS Distribuer -kode og bruke distribusjonskommandoen på terminalen. Denne guiden har forklart prosessen med å distribuere vinkelapplikasjoner i AWS.