
Before you begin
- Labs create a Google Cloud project and resources for a fixed time
- Labs have a time limit and no pause feature. If you end the lab, you'll have to restart from the beginning.
- On the top left of your screen, click Start lab to begin
Create a bucket
/ 50
Upload objects to your bucket
/ 50
Cloud Storage permite almacenar y recuperar cualquier cantidad de datos en todo el mundo y en cualquier momento. Puedes usar Cloud Storage en diversas situaciones, como entregar contenido de un sitio web, almacenar datos para archivarlos y recuperarlos en caso de desastres, o distribuir grandes objetos de datos a los usuarios a través de una descarga directa.
En este lab, configurarás una aplicación para usar Cloud Storage para almacenar y recuperar datos de la aplicación. La aplicación es un cuestionario en línea; los datos son los datos del formulario, incluida una imagen que subes desde tu máquina local.
En este lab, aprenderás a realizar las siguientes tareas:
Lee estas instrucciones. Los labs son cronometrados y no se pueden pausar. El cronómetro, que comienza a funcionar cuando haces clic en Comenzar lab, indica por cuánto tiempo tendrás a tu disposición los recursos de Google Cloud.
Este lab práctico te permitirá realizar las actividades correspondientes en un entorno de nube real, no en uno de simulación o demostración. Para ello, se te proporcionan credenciales temporales nuevas que utilizarás para acceder a Google Cloud durante todo el lab.
Para completar este lab, necesitarás lo siguiente:
Haga clic en el botón Comenzar lab. Si debe pagar por el lab, se abrirá una ventana emergente para que seleccione su forma de pago. A la izquierda, se encuentra el panel Detalles del lab, que tiene estos elementos:
Haz clic en Abrir la consola de Google Cloud (o haz clic con el botón derecho y selecciona Abrir el vínculo en una ventana de incógnito si ejecutas el navegador Chrome).
El lab inicia recursos y abre otra pestaña en la que se muestra la página de acceso.
Sugerencia: Ordene las pestañas en ventanas separadas, una junto a la otra.
De ser necesario, copia el nombre de usuario a continuación y pégalo en el diálogo Acceder.
También puedes encontrar el nombre de usuario en el panel Detalles del lab.
Haz clic en Siguiente.
Copia la contraseña que aparece a continuación y pégala en el diálogo Te damos la bienvenida.
También puedes encontrar la contraseña en el panel Detalles del lab.
Haz clic en Siguiente.
Haga clic para avanzar por las páginas siguientes:
Después de un momento, se abrirá la consola de Google Cloud en esta pestaña.
Cloud Shell es una máquina virtual que cuenta con herramientas para desarrolladores. Ofrece un directorio principal persistente de 5 GB y se ejecuta en Google Cloud. Cloud Shell proporciona acceso de línea de comandos a tus recursos de Google Cloud.
Cuando te conectes, habrás completado la autenticación, y el proyecto estará configurado con tu PROJECT_ID. El resultado contiene una línea que declara el PROJECT_ID para esta sesión:
gcloud
es la herramienta de línea de comandos de Google Cloud. Viene preinstalada en Cloud Shell y es compatible con la función de autocompletado con tabulador.
Haz clic en Autorizar.
Ahora, el resultado debería verse de la siguiente manera:
Resultado:
Resultado:
Resultado de ejemplo:
gcloud
, consulta la guía con la descripción general de gcloud CLI en Google Cloud.
YOUR-PROJECT-ID
con tu ID del proyecto:En esta sección, accederás a Cloud Shell, clonarás el repositorio de Git que contiene la aplicación Quiz y ejecutarás la aplicación.
Cambia el directorio de trabajo:
Configura la aplicación:
Este archivo de secuencia de comandos realiza lo siguiente:
GCLOUD_PROJECT
.pip install -r requirements.txt
.Ejecuta la aplicación:
La aplicación se está ejecutando cuando ves el siguiente resultado:
Para ver la aplicación, haz clic en Web preview > Preview on port 8080.
Haz clic en el vínculo Create Question de la barra de herramientas.
Deberías ver un formulario simple que contiene cuadros de texto para las preguntas y respuestas, y botones de selección para elegir la respuesta correcta.
En esta sección, revisarás el código de la aplicación del caso de éxito.
En este lab, verás y editarás archivos. Puedes usar los editores de shell que están instalados en Cloud Shell, como nano
o vim
, o bien el editor de código de Cloud Shell.
En este lab, se usa el editor de código de Cloud Shell para revisar el código de la aplicación Quiz.
Usa el panel del navegador de archivos ubicado en la parte izquierda del editor para ir hasta la carpeta /training-data-analyst/courses/developingapps/python/cloudstorage/start
.
Selecciona el archivo add.html
en la carpeta ...quiz/webapp/templates/
.
Este archivo contiene la plantilla para el formulario Create Question.
Observa cómo el formulario se modificó para usar multipart/form-data
como el enc-type
y hay dos nuevos controles de formularios:
image
imageUrl
Selecciona el archivo routes.py
en la carpeta ...quiz/webapp
.
Este archivo contiene la ruta del controlador POST que recibe los datos del formulario. Se modificó para obtener el archivo de imagen del formulario.
Selecciona el archivo questions.py
en la carpeta ...quiz/webapp
.
Este archivo contiene el controlador que procesa los datos del formulario extraídos en el archivo routes.py
. Modificarás este archivo para usar un nuevo módulo que sea un cliente para Cloud Storage.
Selecciona el archivo ...quiz/gcp/storage.py
.
Este es el archivo en el que escribirás el código para guardar los datos del archivo de imagen en Cloud Storage.
En esta sección, crearás un bucket de Cloud Storage y exportarás una variable de entorno que hace referencia a este.
Vuelve a la línea de comandos de Cloud Shell.
Detén la aplicación presionando Ctrl+C.
Crea un bucket de Cloud Storage con el nombre <Project ID>-media
:
Puedes crear un bucket con el comando gsutil mb, y pasar el nombre del bucket como gs://BUCKET_NAME.
Puede usar $DEVSHELL_PROJECT_ID como el prefijo del nombre del bucket seguido de -media.
Para exportar el nombre del bucket de Cloud Storage como una variable de entorno llamada GCLOUD_BUCKET
, ejecuta el siguiente comando:
En esta sección, escribirás código para guardar los archivos cargados en Cloud Storage.
Para obtener información sobre la documentación de la API para Cloud Storage, consulta API y referencia.
...quiz/gcp/storage.py
.GCLOUD_BUCKET
.google.client
.quiz/gcp/storage.py
storage.py
, en la función upload_file(...)
, elimina la sentencia pass existente. Luego, usa el cliente de Cloud Storage para subir un archivo a tu bucket de Cloud Storage y ponlo disponible de forma pública.quiz/gcp/storage.py: Función upload)file(...)
storage.py
....quiz/webapp/questions.py
.upload_file(...)
. Usa tu cliente de almacenamiento para subir un archivo y asigna la URL pública que se muestra para una variable.save_question(...)
. Escribe una prueba "si" para ver si image_file
está presente.upload_file(...)
y asigna la URL pública a una propiedad de entidad llamada imageUrl.quiz/webapp/questions.py
questions.py
....gcp/storage.py
y ...webapp/questions.py
y, luego, vuelve al comando de Cloud Shell.Descarga un archivo de imagen a tu máquina local desde Almacenamiento de Google.
En Cloud Shell, haz clic en Vista previa en la Web > Vista previa en el puerto 8080 para obtener una vista previa de la aplicación Quiz.
Haz clic en el vínculo Create Question.
Completa el formulario con los siguientes valores y haz clic en Save.
Campo de formulario | Valor |
---|---|
Autor | Tu nombre |
Cuestionario | Google Cloud Platform |
Título | ¿Con qué producto se relaciona este logotipo? |
Imagen | Sube el archivo Google_Cloud_Storage_logo.png que descargaste anteriormente |
Respuesta 1 | App Engine |
Respuesta 2 |
Cloud Storage (Selecciona el botón de selección Respuesta 2) |
Respuesta 3 | Compute Engine |
Respuesta 4 | Container Engine |
Vuelve a la consola de Cloud y dirígete al menú de navegación > Cloud Storage.
En la página Cloud Storage > Navegador, haz clic en el bucket correcto (denominado <Project ID>-media
).
Deberías ver tu nuevo objeto con el nombre Google_Cloud_Storage_logo.png
.
Agrega /api/quizzes/gcp
al final de la URL de la aplicación.
Deberías ver que los datos JSON se mostraron al cliente en correspondencia a la pregunta que agregaste en la aplicación web.
La propiedad imageUrl debe tener un valor correspondiente al objeto en Cloud Storage.
Vuelve a la página de inicio de la aplicación y haz clic en Take Test.
Haz clic en GCP y responde cada pregunta.
Cuando llegues a la pregunta que acabas de agregar, deberías ver que la imagen se formateó dentro de la aplicación web del lado del cliente.
Con esto concluye el lab Desarrollo de aplicaciones: Almacenamiento de archivos de imágenes y videos en Cloud Storage - Python. Usaste Cloud Storage para almacenar y recuperar datos de la aplicación.
Este lab de autoaprendizaje forma parte de las Quests Application Development - Python y Cloud Development. Una Quest es una serie de labs relacionados que forman una ruta de aprendizaje. Si completas esta Quest, obtendrás una insignia como reconocimiento por tu logro. Puedes hacer públicas tus insignias y agregar vínculos a ellas en tu currículum en línea o en tus cuentas de redes sociales. Inscríbete en cualquier Quest que contenga este lab y obtén un crédito inmediato de finalización. Consulta el catálogo de Google Cloud Skills Boost para ver todas las Quests disponibles.
Descubre qué más puedes hacer con imágenes y videos:
Más información sobre Python en Google Cloud
Copyright 2025 Google LLC. All rights reserved. Google y el logotipo de Google son marcas de Google LLC. Los demás nombres de productos y empresas pueden ser marcas de las respectivas empresas a las que estén asociados.
Este contenido no está disponible en este momento
Te enviaremos una notificación por correo electrónico cuando esté disponible
¡Genial!
Nos comunicaremos contigo por correo electrónico si está disponible
One lab at a time
Confirm to end all existing labs and start this one