Vorschau von Web-Apps anzeigen

Auf dieser Seite wird die Verwendung der Webvorschau in Cloud Shell beschrieben. Mit dieser Funktion können Sie Webanwendungen auf der Cloud Shell-VM-Instanz ausführen und in der Google Cloud Console als Vorschau anzeigen.

Die Schaltfläche Webvorschau Schaltfläche für Webvorschau befindet sich oben rechts in der Cloud Shell-Taskleiste.

Webanwendung starten

Auf der virtuellen Maschine der Cloud Shell können Sie alle Webanwendungen ausführen, die HTTP-Requests zulassen, auch den App Engine-Entwicklungsserver. Die Webanwendung muss auf HTTP-Requests auf den zulässigen Ports im Bereich von 2000 bis 65000 achten. Die Ports sind nur für den sicheren Cloud Shell-Proxy-Dienst verfügbar, der den Zugriff über HTTPS auf Ihr Nutzerkonto beschränkt.

Einfaches Serverbeispiel

So starten Sie einen einfachen Python-HTTP-Server über die Cloud Shell-Eingabeaufforderung:

cd `mktemp -d` \
    && echo '<html><body>Hello World</body></html>' >./index.html \
    && python -m http.server 8080

Beispiel für App Engine-Entwicklungsserver

So klonen Sie eine App-Engine-Beispielanwendung und führen sie auf dem App Engine-Entwicklungsserver aus:

git clone https://github.com/GoogleCloudPlatform/appengine-guestbook-python \
    && cd appengine-guestbook-python \
    && dev_appserver.py ./app.yaml

Der Entwicklungsserver wird standardmäßig auf Port 8080 ausgeführt.

Anwendung als Vorschau anzeigen lassen

Klicken Sie auf Webvorschau Schaltfläche für Webvorschau und wählen Sie anschließend die Portnummer aus dem Menü aus. In Cloud Shell wird in einem neuen Browserfenster die Vorschau-URL für den Proxydienst geöffnet.

Sie können auch auf die Vorschau-URL zugreifen, indem Sie den Port mit der Umgebungsvariablen WEB_HOST im Cloud Shell-Terminal kombinieren. Verwenden Sie dabei das Format https://$PORT-$WEB_HOST oder die Cloud Shell API.