Obtén una vista previa de las apps web

Esta página 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 obtener una vista previa de ellas en la consola de Google Cloud.

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

Inicia la aplicación web

Puedes ejecutar cualquier aplicación web que detecte las solicitudes HTTP en la máquina virtual de Cloud Shell, que incluye el servidor de desarrollo de App Engine. La aplicación web debe detectar las solicitudes HTTP en los puertos que estén dentro del rango permitido de 2,000 a 65,000. Estos puertos solo se encuentran disponibles en el servicio de proxy seguro de Cloud Shell, que restringe el acceso mediante HTTPS solo para tu cuenta de usuario.

Ejemplo de servidor simple

Para iniciar un servidor HTTP simple de 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 muestra en 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 un puerto 8080 según la configuración predeterminada.

Obtener una vista previa de la aplicación

Haz clic en el botón Vista previa en la Web Botón Vista previa en la Web y, luego, selecciona el número de puerto del menú que se muestra. Cloud Shell abre la URL de la vista previa en una ventana nueva, en su servicio de proxy.

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