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.