Visualizzare l'anteprima delle app web

Questa pagina descrive come utilizzare la funzionalità di anteprima web in Cloud Shell. Questa funzionalità ti consente di eseguire applicazioni web sull'istanza di macchina virtuale Cloud Shell e visualizzarle in anteprima da Google Cloud console.

Il pulsante Anteprima web Pulsante Anteprima web si trova in alto a destra della barra delle app di Cloud Shell.

Avvia l'applicazione web

Puoi eseguire qualsiasi applicazione web che resta in attesa di richieste HTTP sulla macchina virtuale Cloud Shell, incluso il server di sviluppo App Engine. L'applicazione web deve rimanere in ascolto delle richieste HTTP sulle porte comprese nell'intervallo consentito da 2000 a 65.000. Queste porte sono disponibili solo per il servizio proxy Cloud Shell sicuro, che limita l'accesso tramite HTTPS solo al tuo account utente.

Esempio di server semplice

Per avviare un semplice server HTTP Python dal prompt dei comandi di Cloud Shell:

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

Esempio di server di sviluppo App Engine

Per clonare un'applicazione App Engine di esempio ed eseguirla sul server di sviluppo App Engine:

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

Per impostazione predefinita, il server di sviluppo viene eseguito sulla porta 8080.

Visualizzare l'applicazione in anteprima

Fai clic sul pulsante Anteprima web Pulsante Anteprima web e poi seleziona il numero di porta dal menu visualizzato. Cloud Shell apre l'URL di anteprima nel suo servizio proxy, in una nuova finestra del browser.

Puoi anche accedere all'URL di anteprima combinando la porta con la variabile di ambiente WEB_HOST nel terminale Cloud Shell utilizzando il formato https://$PORT-$WEB_HOST oppure utilizzando l'API Cloud Shell.

Accedere alle applicazioni Streamlit

L'anteprima web in Cloud Shell funziona tramite una serie di proxy HTTP. Le applicazioni Streamlit richiedono argomenti aggiuntivi per funzionare quando vengono eseguite dietro un proxy HTTP. Quando esegui queste applicazioni, assicurati di specificare --browser.serverAddress=localhost --server.enableCORS=false --server.enableXsrfProtection=false nella riga di comando.