Previsualizar aplicaciones web

En esta página se describe cómo usar la función de vista previa web en Cloud Shell. Esta función te permite ejecutar aplicaciones web en la instancia de máquina virtual de Cloud Shell y previsualizarlas desde el Google Cloud console.

El botón Vista previa web Botón Vista previa web se encuentra en la parte superior derecha de la barra de tareas de Cloud Shell.

Iniciar la aplicación web

Puedes ejecutar cualquier aplicación web que escuche solicitudes HTTP en la máquina virtual de Cloud Shell, incluido el servidor de desarrollo de App Engine. La aplicación web debe recibir solicitudes HTTP en puertos dentro del intervalo permitido, que va de 2000 a 65.000. Estos puertos solo están disponibles para el servicio proxy seguro de Cloud Shell, que restringe el acceso a través de HTTPS únicamente a tu cuenta de usuario.

Ejemplo de servidor sencillo

Para iniciar un servidor HTTP sencillo con Python desde el símbolo del sistema de Cloud Shell, sigue estos pasos:

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

Ejemplo de servidor de desarrollo de App Engine

Para clonar una aplicación de ejemplo de App Engine y ejecutarla en el servidor de desarrollo de App Engine, sigue estos pasos:

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

El servidor de desarrollo se ejecuta en el puerto 8080 de forma predeterminada.

Previsualizar la aplicación

Haz clic en el botón Vista previa web Botón Vista previa web y, a continuación, selecciona el número de puerto en el menú. Cloud Shell abre la URL de la vista previa con su servicio de proxy en una nueva ventana del navegador.

También puedes acceder a la URL de vista previa combinando el puerto con la variable de entorno WEB_HOST en el terminal de Cloud Shell con el formato https://$PORT-$WEB_HOST o mediante la API Cloud Shell.

Acceder a aplicaciones de Streamlit

La vista previa web en Cloud Shell funciona a través de una serie de proxies HTTP. Las aplicaciones de Streamlit requieren argumentos adicionales para funcionar cuando se ejecutan detrás de un proxy HTTP. Cuando ejecutes estas aplicaciones, asegúrate de especificar --browser.serverAddress=localhost --server.enableCORS=false --server.enableXsrfProtection=false en la línea de comandos.