So bereitstellen Sie Angular App in AWS

Das Angular-Framework wird verwendet, um Anwendungen für Websites und Handys zu erstellen, die eine benutzerfreundliche Erfahrung und Schnittstelle bieten. Es handelt sich um ein JavaScript-Framework, das Open-Source ist und in erster Linie zur Entwicklung von Anwendungen verwendet wird, die aus einzelnen Seiten bestehen. AWS bietet Remotedienste zum Erstellen und Ausführen verschiedener Anwendungen, und die Bereitstellung von Winkelanwendungen ist auch eine einfache Aufgabe.

Bereitstellen Sie Angular App in AWS ein

Konfigurieren Sie die AWS -CLI mit dem folgenden Befehl: So konfigurieren Sie die AWS -CLI mit dem folgenden Befehl:

AWS konfigurieren

Notiz: Wenn Sie die AWS -CLI nicht installiert haben oder bei der Konfiguration Hilfe benötigen, lesen Sie diese Anleitung!

Der obige Befehl fordert den Benutzer auf, die “einzugeben“Zugang" Und "GeheimnisSchlüssel zum Region und Ausgangsformat:

Installieren Sie die Node JS -Umgebung, indem Sie hier klicken und dann den folgenden Befehl verwenden, um die Installation zu validieren

Knoten -v
NPM -v

Durch Ausführen des obigen Befehls werden ihre Versionen angezeigt:

Installieren Sie die Angular CLI anschließend mit dem folgenden Befehl, mit dem die Anwendung erstellt wird:

npm install -g @angular/cli installieren

Der obige Befehl zeigt die folgende Ausgabe an:

Verwenden Sie den folgenden Befehl, um die Anwendungsdateien zu erstellen:

Ng New My-Dream-App

Es wird den Benutzer zum Eingeben auffordern “Ja”Und drücken Sie die Eingabetaste:

Gehen Sie mit dem folgenden Befehl in die Anwendungsdatei:

CD My-Dream-App

Wenn Sie den obigen Befehl ausführen, wird der Benutzer in der Anwendungsdatei angezeigt:

Verwenden Sie den folgenden Befehl, um die Angularanwendung lokal bereitzustellen:

ng servieren

Durch das Ausführen des obigen Befehls werden die App im Localhost bereitgestellt:

Gehen Sie in den Amazon S3 -Eimer und klicken Sie auf die “Erstellen" Taste:

Geben Sie die Anmeldeinformationen für den S3 -Eimer auf der Seite der Eimererstellung an:

Geben Sie dem öffentlichen Zugang zum Eimer für den Bereitstellungszweck:

Scrollen Sie am Ende der Seite nach unten, um auf die “zu klickenBucket erstellen" Taste:

Gehen Sie zurück zum Terminal, um den folgenden Befehl zu verwenden:

Ng Build

Durch das Ausführen des obigen Befehls werden die Anwendung kompiliert:

Laden Sie die Angular -Anwendungsdateien auf den Amazon S3 -Bucket von der Plattform hoch:

Klick auf das "Ordner hinzufügenSchaltfläche zum Hochladen der Dateien auf dem Bucket:

Gewähren Sie den öffentlichen Zugriff auf die Dateien und klicken Sie auf die “Hochladen" Taste:

Gehen Sie in den Abschnitt "Statische Hosting", um auf die “zu klickenErmöglichenTaste und Typ "Index.html”Für das Indexdokument:

Verwenden Sie den folgenden Code in der Richtlinie des S3 -Bucket:

"Version": "2012-10-17",
"Stellungnahme": [

"SID": "erlauben publicreadaccess",
"Effekt": "erlauben",
"Rektor": "*",
"Aktion": [
"S3: GetObject"
],
"Ressource": [
"ARN: AWS: S3 :::/*"
]

]

Speichern Sie die Richtlinie für den Eimer auf der Seite:

Danach öffnen Sie die “Paket.JSONDatei zum Bearbeiten der “SkriptAbschnitt mit dem folgenden Screenshot:

Führen Sie den folgenden Befehl aus, um den zur Datei hinzugefügten Bereitstellungscode auszuführen:

ng Build && npm rennen aws-Deploy

Durch Ausführen des obigen Befehls werden die Anwendung im AWS bereitgestellt:

Verwenden Sie die Objekt -URL im Webbrowser, um die Anwendung zu besuchen:

Durch die URL wird das folgende Ergebnis im Browser angezeigt:

Sie haben erfolgreich eine Winkelanwendung in AWS eingesetzt.

Abschluss

Erstellen Sie die Winkelanwendung, um die Angular -App im AWS bereitzustellen, und laden Sie sie auf den Amazon S3 -Bucket hoch. Erstellen Sie einen S3 -Bucket von der Plattform und laden Sie die darauf auf den Markt. Erstellen Sie danach öffentlichen Zugriff auf den Eimer und bearbeiten Sie die Bucket -Richtlinie. Ändern Sie das Paket.JSON -Datei zum Hinzufügen von AWS -Bereitstellungscode und die Verwendung des Befehls bereitstellen im Terminal. Dieser Leitfaden hat den Prozess der Bereitstellung von Winkelanwendungen in AWS erläutert.