Jak wdrażać aplikację kątową w AWS

Ramy kątowe służy do tworzenia aplikacji dla stron internetowych i telefonów komórkowych, które zapewniają przyjazne dla użytkownika wrażenia i interfejs. Jest to framework JavaScript, który jest open source i służy przede wszystkim do tworzenia aplikacji składających się z pojedynczych stron. AWS świadczy zdalne usługi do budowania i uruchamiania różnych aplikacji, a wdrażanie aplikacji kątowych jest również prostym zadaniem.

Wdrażaj aplikację kątową w AWS

Aby wdrożyć aplikację kątową w AWS, skonfiguruj AWS CLI za pomocą następującego polecenia:

konfiguruj AWS

Notatka: Jeśli nie masz zainstalowanego CLI AWS lub potrzebujesz pomocy w konfiguracji, przeczytaj ten przewodnik!

Powyższe polecenie skłoni użytkownika do wprowadzenia „Dostęp" I "Sekret„Klucz z formatem regionu i wyjściowym:

Zainstaluj środowisko węzła JS, klikając tutaj, a następnie użyj następującego polecenia, aby potwierdzić jego instalację

węzeł -v
NPM -V

Uruchamianie powyższego polecenia wyświetli ich wersje:

Następnie zainstaluj kątowy CLI za pomocą wspomnianego polecenia, które zostanie użyte do utworzenia aplikacji:

NPM install -g @angular/cli

Powyższe polecenie wyświetli następujące dane wyjściowe:

Użyj następującego polecenia, aby zbudować pliki aplikacji:

Ng Nowy My-Dream-App

Skłoni użytkownika do wpisania „Tak”I Hit Enter:

Wejdź do pliku aplikacji za pomocą następującego polecenia:

CD My-Dream-App

Uruchamianie powyższego polecenia wyświetli użytkownika w pliku aplikacji:

Użyj następującego polecenia, aby wdrożyć aplikację kątową lokalnie:

Ng Serve

Uruchomienie powyższego polecenia wdroży aplikację na LocalHost:

Udaj się do wiadra Amazon S3 i kliknij „Tworzyć" przycisk:

Podaj poświadczenia dla wiadra S3 na stronie tworzenia wiadra:

Daj publicznego dostępu do wiadra w celu wdrażania:

Przewiń w dół dolnej strony, aby kliknąć „Utwórz wiadro" przycisk:

Wróć do terminala, aby użyć następującego polecenia:

Ng budowa

Uruchomienie powyższego polecenia skompiluje aplikację:

Prześlij pliki aplikacji kątowych na wiadrze Amazon S3 z platformy:

Kliknij na "Dodaj folder”Przycisk, aby przesłać pliki na wiadrze:

Udziel publicznego dostępu do plików i kliknij „Wgrywać" przycisk:

Przejdź do sekcji statycznej hostingu, aby kliknąć „Włączać”Przycisk i wpisz„indeks.html”Dla dokumentu indeksu:

Użyj następującego kodu w polityce wiadra S3:

„Wersja”: „2012-10-17”,
"Oświadczenie": [

„Sid”: „Zezwalaj naadplic”,
„Efekt”: „Pozwól”,
"Główny": "*",
"Działanie": [
„S3: getObject”
],
„Zasób”: [
„Arn: AWS: S3 :::/*”
]

]

Zapisz zasadę dla wiadra ze strony:

Po tym otworzy „Pakiet.JSON”Plik do edycji„Scenariusz”Sekcja za pomocą następującego zrzutu ekranu:

Uruchom następujące polecenie, aby uruchomić kod wdrażany dodany do pliku:

Ng Build && NPM Uruchom AWS-DEPLOPO

Uruchomienie powyższego polecenia wdroży aplikację w AWS:

Użyj adresu URL obiektu w przeglądarce internetowej, aby odwiedzić aplikację:

Visting URL wyświetli następujący wynik w przeglądarce:

Z powodzeniem wdrożyłeś aplikację kątową w AWS.

Wniosek

Aby wdrożyć aplikację kątową w AWS, utwórz aplikację kątową i prześlij ją na łyżce Amazon S3. Utwórz wiadro S3 z platformy i prześlij na nią pliki aplikacji. Następnie utwórz publiczny dostęp do wiadra i edytuj zasady wiadra. Zmień pakiet.plik JSON, aby dodać kod AWS i użyć polecenia wdrażania na terminalu. Ten przewodnik wyjaśnił proces wdrażania aplikacji kątowych w AWS.