Veröffentlichen einer Angular-Website auf GCP App Engine Standard

Google Cloud App Engine Standard bietet eine wirtschaftliche Möglichkeit, statische oder durch Frameworks generierte Web-Frontends bereitzustellen. Diese verwaltete Lösung bietet Vorteile wie Unterstützung für gängige Sprachen, erweiterte Diagnosefunktionen, Versionsverwaltung und Sicherheit. Um eine Webseite auf App Engine bereitzustellen, müssen Sie zunächst ein Projekt in Google Cloud einrichten und es speziell für Python und die Standardumgebung konfigurieren. Bereiten Sie dann Ihr lokales Projekt vor, indem Sie zwei entscheidende Dateien hinzufügen: app.yaml und .gcloudignore. Die Datei app.yaml dient als Bereitstellungsdeskriptor für App Engine und gibt die Laufzeiteinstellungen und URL-Handler für statische Dateien sowie die Hauptdatei index.html an. Die Datei .gcloudignore verhindert, dass unnötige Dateien, wie z. B. node_modules, auf App Engine hochgeladen werden. Nach der Konfiguration Ihres lokalen Projekts verwenden Sie das Google Cloud SDK, um Ihre Website zu veröffentlichen. Installieren Sie den Cloud SDK-Client und navigieren Sie in der Shell in das Verzeichnis Ihres Projekts. Bauen Sie zunächst Ihr Angular-Projekt, indem Sie npm install und npm run build ausführen. Stellen Sie sicher, dass Ihr Cloud SDK für das richtige Google Cloud-Projekt konfiguriert ist, indem Sie gcloud info ausführen. Wenn die Projekteinstellung falsch ist, initialisieren Sie die Konfiguration neu, indem Sie gcloud init ausführen. Sobald das Projekt erstellt und das SDK korrekt konfiguriert ist, führen Sie gcloud app deploy aus. Bestätigen Sie die Bereitstellung mit 'Y' in der Cloud SDK-Shell. Nach erfolgreicher Ausführung erhalten Sie eine Bestätigung und die Zugangs-URLs für Ihren bereitgestellten Dienst. Sie können die Bereitstellung dann in der Google Cloud Console überprüfen, wo der neuen Version 100 % des eingehenden Datenverkehrs zugewiesen wird. Die Beispielbereitstellung ist unter https://deployfrontendweb.rj.r.appspot.com erreichbar.