Descripción general

En este lab, crearás un bucket de Cloud Storage y colocarás una imagen en él. Además, configurarás una aplicación que se ejecute en Compute Engine para usar una base de datos que administre Cloud SQL. También configurarás un servidor web con PHP, un entorno de desarrollo web que es la base de un software de blogs muy conocido. Fuera de este lab, usarás técnicas similares para configurar esos paquetes.

También configurarás el servidor web para hacer referencia a la imagen del bucket de Cloud Storage.

Objetivos

En este lab, aprenderás a realizar las siguientes tareas:

• Crear un bucket de Cloud Storage y colocar una imagen en él
• Crear una instancia de Cloud SQL y configurarla
• Conectarse a la instancia de Cloud SQL desde un servidor web
• Usar la imagen del bucket de Cloud Storage en una página web

Tarea 1. Accede a la consola de Google Cloud

En cada lab, recibirá un proyecto de Google Cloud y un conjunto de recursos nuevos por tiempo limitado y sin costo adicional.

1. Accede a Qwiklabs desde una ventana de incógnito.

2. Ten en cuenta el tiempo de acceso del lab (por ejemplo, 1:15:00) y asegúrate de finalizarlo en el plazo asignado.
   No existe una función de pausa. Si lo necesita, puede reiniciar el lab, pero deberá hacerlo desde el comienzo.

3. Cuando esté listo, haga clic en Comenzar lab.

4. Anote las credenciales del lab (el nombre de usuario y la contraseña). Las usarás para acceder a la consola de Google Cloud.

5. Haga clic en Abrir Google Console.

6. Haga clic en Usar otra cuenta, copie las credenciales para este lab y péguelas en el mensaje emergente que aparece.
   Si usa otras credenciales, se generarán errores o incurrirá en cargos.

7. Acepta las condiciones y omite la página de recursos de recuperación.

Tarea 2. Implementa una instancia de VM del servidor web

1. En el menú de navegación () de la consola de Google Cloud, haz clic en Compute Engine > Instancias de VM.

2. Haz clic en Crear instancia.

3. En la página Crear una instancia, escribe bloghost en Nombre.

4. En Región y Zona, selecciona la región y la zona que te asignó Qwiklabs.

5. En Tipo de máquina, acepta la configuración predeterminada.

6. En Disco de arranque, si la imagen que se muestra no es Debian GNU/Linux 11 (bullseye), haz clic en Cambiar y selecciona Debian GNU/Linux 11 (bullseye).

7. Deja los valores predeterminados de Identidad y acceso a la API sin modificar.

8. En Firewall, haz clic en Permitir tráfico HTTP.

9. Haz clic en Opciones avanzadas para abrir esa sección del diálogo.

10. Haz clic en Administración para abrir esa sección del diálogo.

11. Desplázate hacia abajo hasta la sección Automatización y, luego, ingresa la siguiente secuencia de comandos como el valor para la secuencia de comandos de inicio:

apt-get update apt-get install apache2 php php-mysql -y service apache2 restart Nota: Asegúrate de proporcionar esa secuencia de comandos como el valor del campo Secuencia de comandos de inicio. Si la colocas en otro campo de manera accidental, no se ejecutará cuando se inicie la instancia de VM.

12. Deja la configuración restante con sus valores predeterminados y haz clic en Crear.

Nota: La instancia puede tardar unos dos minutos en iniciarse y estar disponible por completo para su uso.

13. En la página Instancias de VM, copia las direcciones IP interna y externa de la instancia de VM bloghost en un editor de texto para usarlas más adelante en este lab.

Haz clic en Revisar mi progreso para verificar el objetivo. Implementar una instancia de VM del servidor web

Tarea 3. Crea un bucket de Cloud Storage con la línea de comandos de almacenamiento gcloud

Todos los nombres de los buckets de Cloud Storage deben ser únicos a nivel global. Para asegurarte de que el nombre del bucket sea único, en estas instrucciones, se te explicará cómo asignarle al bucket el mismo nombre que el ID de tu proyecto de Google Cloud, que también es único a nivel global.

Los buckets de Cloud Storage se pueden asociar a una ubicación regional o multirregional: US, EU o ASIA. En esta actividad, asociarás el bucket a la ubicación multirregional más cercana a la región y la zona que te asignó Qwiklabs o tu instructor.

1. En la consola de Google Cloud, en la barra de herramientas que está en la esquina superior derecha, haz clic en Activar Cloud Shell . Si aparece un cuadro de diálogo, haz clic en Continuar.

2. Para mayor comodidad, ingresa la ubicación que elegiste en una variable de entorno llamada LOCATION. Ingresa uno de estos comandos:

export LOCATION=US

O

export LOCATION=EU

O

export LOCATION=ASIA

3. En Cloud Shell, la variable de entorno DEVSHELL_PROJECT_ID contiene el ID de tu proyecto. Ingresa este comando para asignarle un nombre al bucket con el ID del proyecto:

gcloud storage buckets create -l $LOCATION gs://$DEVSHELL_PROJECT_ID

Si se te solicita, haz clic en Autorizar para continuar.

4. Recupera una imagen de banner desde una ubicación de Cloud Storage de acceso público:

gcloud storage cp gs://cloud-training/gcpfci/my-excellent-blog.png my-excellent-blog.png

5. Copia la imagen del banner en el bucket de Cloud Storage que acabas de crear:

gcloud storage cp my-excellent-blog.png gs://$DEVSHELL_PROJECT_ID/my-excellent-blog.png

6. Modifica la Lista de control de acceso del objeto que acabas de crear, de modo que sea legible para todos los usuarios:

gsutil acl ch -u allUsers:R gs://$DEVSHELL_PROJECT_ID/my-excellent-blog.png

Haz clic en Revisar mi progreso para verificar el objetivo. Crear un bucket de Cloud Storage con la línea de comandos de almacenamiento gcloud

Tarea 4. Crea la instancia de Cloud SQL

1. En la consola de Google Cloud, ve al menú de navegación () y haz clic en SQL.

2. Haz clic en Crear instancia.

3. En la opción Elige un motor de base de datos, selecciona Elegir MySQL.

4. En ID de instancia, escribe blog-db y en Contraseña raíz, ingresa una contraseña de tu elección.

Nota: Elige una contraseña que recuerdes. No es necesario ocultarla, ya que utilizarás mecanismos de conexión a los que no tienen acceso todos los usuarios.

5. En Elige una edición de Cloud SQL, haz clic en Enterprise y, luego, selecciona Zona de pruebas en el menú desplegable.

6. Selecciona Zona única y configura la región y zona que asignó Qwiklabs.

Nota: Son la misma región y zona en las que iniciaste la instancia bloghost. Para lograr un mejor rendimiento, ubica al cliente y la base de datos cerca.

7. Haz clic en Crear instancia.

Nota: Espera a que termine de implementarse la instancia. Esto tardará unos minutos.

8. Haz clic en el nombre de la instancia, blog-db, para abrir su página de detalles.

9. En la página de detalles de las instancias de SQL, copia la dirección IP pública de la instancia de SQL en un editor de texto para usarla más adelante en este lab.

10. Haz clic en el menú Usuarios ubicado en el lado izquierdo y, luego, en Agregar cuenta de usuario.

11. En Nombre de usuario, escribe blogdbuser.

12. En Contraseña, ingresa una contraseña de tu elección. Anótala.

13. Haz clic en Agregar para agregar la cuenta de usuario a la base de datos.

Nota: Espera a que se cree el usuario.

14. Haz clic en el menú Conexiones ubicado en el lado izquierdo y, luego, en la pestaña Herramientas de redes.

15. Haz clic en Agregar una red.

Nota: Si se te ofrece elegir entre una conexión IP privada y una IP pública, elige IP pública para los fines de este lab. Nota: Es probable que el botón Agregar red no esté disponible si todavía no se completa la creación de la cuenta de usuario.

16. En Nombre, escribe web front end.

17. En Red, ingresa la dirección IP externa de la instancia de VM bloghost, seguida de /32.

El resultado se verá como el siguiente ejemplo:

35.192.208.2/32 Nota: Asegúrate de usar la dirección IP externa de la instancia de VM seguida de /32. No uses la dirección IP interna de la instancia de VM. No utilices la dirección IP de muestra de este ejemplo.

18. Haz clic en Listo para finalizar el proceso de definición de la red autorizada.

19. Haz clic en Guardar para guardar el cambio de configuración.

Nota: Si aparece el mensaje Hay otra operación en curso, espera unos minutos hasta que se muestre una marca de verificación verde en blog-db para guardar la configuración.

Haz clic en Revisar mi progreso para verificar el objetivo. Crear la instancia de Cloud SQL

Tarea 5. Configura una aplicación en una instancia de Compute Engine para usar Cloud SQL

1. En el menú de navegación (), haz clic en Compute Engine > Instancias de VM.

2. En la lista de instancias de VM, haz clic en SSH en la fila de la instancia de VM bloghost.

3. En la sesión SSH, en bloghost, cambia el directorio de trabajo a la raíz del documento del servidor web:

cd /var/www/html

4. Usa el editor de texto nano para modificar un archivo llamado index.php:

sudo nano index.php

5. Pega el siguiente contenido en el archivo:

<html> <head><title>Welcome to my excellent blog</title></head> <body> <h1>Welcome to my excellent blog</h1> <?php $dbserver = "CLOUDSQLIP"; $dbuser = "blogdbuser"; $dbpassword = "DBPASSWORD"; // In a production blog, we would not store the MySQL // password in the document root. Instead, we would store it in a // configuration file elsewhere on the web server VM instance. $conn = new mysqli($dbserver, $dbuser, $dbpassword); if (mysqli_connect_error()) { echo ("Database connection failed: " . mysqli_connect_error()); } else { echo ("Database connection succeeded."); } ?> </body></html> Nota: Más adelante, insertarás la dirección IP de tu instancia de Cloud SQL y la contraseña de la base de datos en este archivo. Por ahora, deja el archivo sin modificar.

6. Presiona Ctrl + O y, luego, Intro para guardar el archivo editado.

7. Presiona Ctrl + X para salir del editor de texto nano.

8. Reinicia el servidor web:

sudo service apache2 restart

9. Abre una pestaña nueva del navegador web y pega la dirección IP externa de la instancia de VM bloghost seguida de /index.php en la barra de direcciones. La URL se verá de la siguiente manera:

35.192.208.2/index.php Nota: Asegúrate de usar la dirección IP externa de la instancia de VM seguida de /index.php. No uses la dirección IP interna de la instancia de VM. No utilices la dirección IP de muestra de este ejemplo.

Cuando cargues la página, verás que tu contenido incluye un mensaje de error que comienza con las siguientes palabras:

Database connection failed: ... Nota: Este mensaje aparece porque aún no has configurado la conexión de PHP en tu instancia de Cloud SQL.

10. Regresa a la sesión SSH en bloghost. Usa el editor de texto nano para volver a modificar el archivo index.php.

sudo nano index.php

11. En el editor de texto nano, reemplaza CLOUDSQLIP por la dirección IP pública de la instancia de Cloud SQL que anotaste antes. Deja las comillas del valor en su lugar.

12. En el editor de texto nano, reemplaza DBPASSWORD por la contraseña de la base de datos de Cloud SQL que definiste antes. Deja las comillas del valor en su lugar.

13. Presiona Ctrl + O y, luego, Intro para guardar el archivo editado.

14. Presiona Ctrl + X para salir del editor de texto nano.

15. Reinicia el servidor web:

sudo service apache2 restart

16. Regresa a la pestaña del navegador web en la que abriste la dirección IP externa de la instancia de VM bloghost. Cuando cargues la página, aparecerá el siguiente mensaje:

Database connection succeeded. Nota: En un blog real, el estado de conexión de la base de datos no será visible para los visitantes del blog. En su lugar, solo el administrador debería gestionar la conexión de la base de datos.

Tarea 6. Configura una aplicación en una instancia de Compute Engine para utilizar un objeto de Cloud Storage

1. En la consola de Google Cloud, haz clic en Cloud Storage > Buckets.

2. Haz clic en el bucket con el mismo nombre de tu proyecto de Google Cloud.

3. En este bucket, hay un objeto llamado my-excellent-blog.png. Copia la URL asociada al ícono de vínculo que aparece en la columna Acceso público de ese objeto o junto a las palabras “Vínculo público”, si se muestran.

Nota: Si no ves el ícono de vínculo ni las palabras “Vínculo público”, prueba actualizar el navegador. Si aún no ves el ícono de vínculo, regresa a Cloud Shell y confirma que se haya llevado a cabo con éxito tu intento de cambiar la Lista de control de acceso del objeto con el comando gsutil acl ch.

4. Regresa a la sesión SSH en tu instancia de VM bloghost.

5. Ingresa este comando para configurar tu directorio de trabajo en la raíz del documento del servidor web:

cd /var/www/html

6. Usa el editor de texto nano para modificar el archivo index.php:

sudo nano index.php

7. Usa las teclas de flecha para mover el cursor a la línea que contiene el elemento h1. Presiona Intro para abrir una línea de visualización en blanco nueva y, luego, pega la URL que copiaste antes en la línea.

8. Pega esta marca HTML justo antes de la URL:

<img src='

9. Coloca una comilla simple de cierre y un corchete angular de cierre al final de la URL:

'>

La línea resultante se verá como el siguiente ejemplo:

<img src='https://storage.googleapis.com/qwiklabs-gcp-0005e186fa559a09/my-excellent-blog.png'>

El resultado de estos pasos es colocar la línea que contiene <img src='...'> justo antes de la que contiene <h1>...</h1>.

Nota: No copies la URL como se muestra aquí. En su lugar, copia la URL que muestra el navegador de Storage en tu propio proyecto de Cloud.

10. Presiona Ctrl + O y, luego, Intro para guardar el archivo editado.

11. Presiona Ctrl + X para salir del editor de texto nano.

12. Reinicia el servidor web:

sudo service apache2 restart

13. Regresa a la pestaña del navegador web en la que abriste la dirección IP externa de la instancia de VM bloghost. Cuando cargues la página, verás que tu contenido ahora incluye una imagen de banner.

¡Felicitaciones!

En este lab, configuraste una instancia de Cloud SQL y vinculaste una aplicación de una instancia de Compute Engine a ella. También trabajaste con un bucket de Cloud Storage.

Finalice su lab

Cuando haya completado el lab, haga clic en Finalizar lab. Google Cloud Skills Boost quitará los recursos que usó y limpiará la cuenta.

Tendrá la oportunidad de calificar su experiencia en el lab. Seleccione la cantidad de estrellas que corresponda, ingrese un comentario y haga clic en Enviar.

La cantidad de estrellas indica lo siguiente:

• 1 estrella = Muy insatisfecho
• 2 estrellas = Insatisfecho
• 3 estrellas = Neutral
• 4 estrellas = Satisfecho
• 5 estrellas = Muy satisfecho

Puede cerrar el cuadro de diálogo si no desea proporcionar comentarios.

Para enviar comentarios, sugerencias o correcciones, use la pestaña Asistencia.

Copyright 2020 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.

Más recursos

Lee la documentación de Google Cloud sobre Cloud SQL.

Lee la documentación de Google Cloud sobre Cloud Storage.