Panoramica
In questo lab, creerai un bucket Cloud Storage e posizionerai un'immagine al suo interno. Inoltre, configurerai un'applicazione in esecuzione in Compute Engine per utilizzare un database gestito da Cloud SQL. Per questo lab, configurerai un server web con PHP, un ambiente di sviluppo web che si trova alla base dei software di blogging più noti. Al di fuori di questo lab, utilizzerai tecniche analoghe per configurare questi pacchetti.
Configurerai anche il server web affinché faccia riferimento all'immagine nel bucket Cloud Storage.
Obiettivi
In questo lab, imparerai a eseguire le attività seguenti:
- Creare un bucket Cloud Storage e posizionare un'immagine al suo interno.
- Creare un'istanza Cloud SQL e configurarla.
- Connetterti all'istanza Cloud SQL da un server web.
- Utilizzare l'immagine nel bucket Cloud Storage su una pagina web.
Attività 1: accedi alla console Google Cloud
Per ciascun lab, riceverai un nuovo progetto Google Cloud e un insieme di risorse per un periodo di tempo limitato senza alcun costo aggiuntivo.
-
Fai clic sul pulsante Avvia lab. Se devi effettuare il pagamento per il lab, si apre una finestra popup per permetterti di selezionare il metodo di pagamento.
A sinistra, trovi il riquadro Dettagli lab con le seguenti informazioni:
- Il pulsante Apri console Google Cloud
- Tempo rimanente
- Credenziali temporanee da utilizzare per il lab
- Altre informazioni per seguire questo lab, se necessario
-
Fai clic su Apri console Google Cloud (o fai clic con il tasto destro del mouse e seleziona Apri link in finestra di navigazione in incognito se utilizzi il browser Chrome).
Il lab avvia le risorse e apre un'altra scheda con la pagina di accesso.
Suggerimento: disponi le schede in finestre separate posizionate fianco a fianco.
Nota: se visualizzi la finestra di dialogo Scegli un account, fai clic su Usa un altro account.
-
Se necessario, copia il Nome utente di seguito e incollalo nella finestra di dialogo di accesso.
{{{user_0.username | "Username"}}}
Puoi trovare il Nome utente anche nel riquadro Dettagli lab.
-
Fai clic su Avanti.
-
Copia la Password di seguito e incollala nella finestra di dialogo di benvenuto.
{{{user_0.password | "Password"}}}
Puoi trovare la Password anche nel riquadro Dettagli lab.
-
Fai clic su Avanti.
Importante: devi utilizzare le credenziali fornite dal lab. Non utilizzare le credenziali del tuo account Google Cloud.
Nota: utilizzare il tuo account Google Cloud per questo lab potrebbe comportare addebiti aggiuntivi.
-
Fai clic nelle pagine successive:
- Accetta i termini e le condizioni.
- Non inserire opzioni di recupero o l'autenticazione a due fattori, perché si tratta di un account temporaneo.
- Non registrarti per le prove gratuite.
Dopo qualche istante, la console Google Cloud si apre in questa scheda.
Nota: per visualizzare un menu con un elenco di prodotti e servizi Google Cloud, fai clic sul menu di navigazione in alto a sinistra oppure digita il nome del servizio o del prodotto nel campo di ricerca.
Attività 2: esegui il deployment di un'istanza VM del server web
In questa attività, eseguirai il provisioning di un'istanza di macchina virtuale (VM) utilizzando Compute Engine, quindi userai uno script di avvio per configurare l'istanza con un server web (Apache) e gli script necessari per l'impostazione iniziale. Poi, prendi nota dei rispettivi identificatori di rete.
-
Nella console Google Cloud, nel menu di navigazione (
), fai clic su Compute Engine > Istanze VM.
-
Fai clic su Crea istanza.
-
Come Nome, digita bloghost
-
In Regione seleziona .
-
In Zona, seleziona .
-
In Tipo di macchina, seleziona e2-standard-2.
-
Nel riquadro a sinistra, fai clic su Sistema operativo e spazio di archiviazione. Se l'immagine mostrata non è Debian GNU/Linux 12 (bookworm), fai clic su Cambia e seleziona la versione Debian GNU/Linux 12 (bookworm).
-
Fai clic su Networking.
-
Per Firewall, fai clic su Consenti traffico HTTP.
-
Nel riquadro a sinistra, fai clic su Avanzate.
-
Per Automazione, copia e incolla il seguente script come valore per Script di avvio:
apt-get install apache2 php php-mysql -y
service apache2 restart
Nota: assicurati di fornire quello script come valore per il campo Script di avvio. Se per errore lo inserisci in un altro campo, non verrà eseguito all'avvio dell'istanza VM.
- Non modificare le altre impostazioni predefinite e fai clic su Crea.
Nota: l'istanza può richiedere circa due minuti per avviarsi ed essere completamente disponibile all'uso.
- Nella pagina Istanze VM, copia gli indirizzi IP interni ed esterni dell'istanza VM bloghost in un editor di testo per usarli in questo lab in seguito.
Fai clic su Controlla i miei progressi per verificare l'obiettivo.
Esegui il deployment di un'istanza VM del server web
Attività 3: crea un bucket Cloud Storage utilizzando la riga di comando gcloud storage
In questa attività, utilizzerai lo strumento a riga di comando gcloud storage per creare un bucket Cloud Storage univoco a livello globale, impostarne la posizione, caricarvi un'immagine pubblica e rendere leggibile pubblicamente quell'oggetto specifico.
Tutti i nomi dei bucket Cloud Storage devono essere univoci a livello globale. Per assicurarti che il nome del tuo bucket sia univoco, queste istruzioni ti aiuteranno ad assegnare al tuo bucket lo stesso nome del tuo ID progetto Google Cloud, anch'esso univoco a livello globale.
È possibile associare i bucket Cloud Storage a una regione o a una località multiregionale: US, EU o ASIA. In questa attività, assocerai il tuo bucket alla multi-regione più vicina alla regione e alla zona assegnate dal lab o dal tuo istruttore.
-
Nella barra degli strumenti in alto a destra della console Google Cloud, fai clic su Attiva Cloud Shell
. Se visualizzi una finestra di dialogo, fai clic su Continua.
-
Per comodità, inserisci la località che hai scelto in una variabile di ambiente chiamata LOCATION. Inserisci uno di questi comandi:
export LOCATION=US
Oppure
export LOCATION=EU
Oppure
export LOCATION=ASIA
- In Cloud Shell, la variabile di ambiente DEVSHELL_PROJECT_ID contiene il tuo ID progetto. Inserisci questo comando per creare un bucket che porta il nome del tuo ID progetto:
gcloud storage buckets create -l $LOCATION gs://$DEVSHELL_PROJECT_ID
Se richiesto, fai clic su Autorizza per continuare.
- Recupera un'immagine banner da una località Cloud Storage accessibile pubblicamente:
gcloud storage cp gs://cloud-training/gcpfci/my-excellent-blog.png my-excellent-blog.png
- Copia l'immagine banner nel tuo bucket Cloud Storage appena creato:
gcloud storage cp my-excellent-blog.png gs://$DEVSHELL_PROJECT_ID/my-excellent-blog.png
- Modifica l'elenco di controllo di accesso dell'oggetto appena creato in modo che sia leggibile da chiunque:
gsutil acl ch -u allUsers:R gs://$DEVSHELL_PROJECT_ID/my-excellent-blog.png
Fai clic su Controlla i miei progressi per verificare l'obiettivo.
Crea un bucket Cloud Storage utilizzando la riga di comando gcloud storage
Attività 4: crea l'istanza Cloud SQL
In questa attività, creerai e configurerai un'istanza di database MySQL gestita utilizzando Cloud SQL, imposterai un account utente specifico e, soprattutto, autorizzerai l'indirizzo IP esterno del tuo futuro server web per la connettività di rete.
-
Nella console Google Cloud, nel menu di navigazione (
), fai clic su Cloud SQL.
-
Fai clic su Crea istanza.
-
Per Scegli un motore del database, seleziona Scegli MySQL.
-
Per Scegli una versione di Cloud SQL, fai clic su Enterprise e per Preset versione seleziona Sandbox dal menu a discesa.
-
Per ID istanza, digita blog-db e per Password digita Passw0rd1!
-
In Regione, seleziona .
-
Per Disponibilità a livello di zona, seleziona Zona singola.
-
Espandi Specifica zone e in Zona principale seleziona .
Nota: si tratta della stessa regione e zona in cui hai avviato l'istanza bloghost. Le prestazioni ottimali si ottengono posizionando il client e il database vicini tra loro.
-
In Personalizza la tua istanza, espandi Mostra opzioni di configurazione.
-
Espandi Sicurezza, quindi fai clic su Consenti il traffico di rete non criptato (opzione non consigliata).
Nota: questo lab non utilizza SSL, quindi assicurati di impostare l'opzione descritta in precedenza.
- Fai clic su Crea istanza.
Nota: attendi la fine del deployment dell'istanza. Saranno necessari alcuni minuti.
Configura utenti e connessioni
-
Dalla pagina dei dettagli delle istanze SQL, in Connettiti a questa istanza, copia l'indirizzo IP pubblico per la tua istanza SQL in un editor di testo per usarlo in questo lab in seguito.
-
Nel riquadro a sinistra, fai clic su Utenti e poi su Aggiungi account utente.
-
Come Nome utente, digita blogdbuser
-
Come Password digita Passw0rd1!
-
Fai clic su Aggiungi per aggiungere l'account utente nel database.
Nota: attendi che l'utente venga creato.
-
Nel riquadro a sinistra, fai clic su Connessioni e poi sulla scheda Networking.
-
Fai clic su Aggiungi una rete.
Nota: se puoi scegliere tra una connessione IP privato e una connessioneIP pubblico, scegli IP pubblico per questo lab.
Nota: il pulsante Aggiungi rete potrebbe non essere disponibile se la creazione dell'account utente non è ancora stata completata.
-
Come Nome, digita web front end
-
Per Rete, digita l'indirizzo IP esterno della tua istanza VM bloghost, seguito da /32
Il risultato sarà simile a questo:
35.192.208.2/32
Nota: assicurati di utilizzare l'indirizzo IP esterno della tua istanza VM seguito da /32. Non utilizzare l'indirizzo IP interno dell'istanza VM. Non utilizzare l'indirizzo IP di esempio mostrato qui.
-
Fai clic su Fine per terminare la definizione della rete autorizzata.
-
Fai clic su Salva per salvare la modifica della configurazione.
Nota: se viene visualizzato il messaggio È in corso un'altra operazione, attendi qualche minuto finché non compare un segno di spunta verde per blog-db per poter salvare la configurazione.
Fai clic su Controlla i miei progressi per verificare l'obiettivo.
Crea l'istanza Cloud SQL
Attività 5: configura un'applicazione in un'istanza Compute Engine per l'utilizzo di Cloud SQL
In questa attività, collegherai in modo sicuro il server web Apache in esecuzione sulla tua istanza VM al database Cloud SQL, modificando il codice dell'applicazione PHP (index.php) in modo da includere l'indirizzo IP e le credenziali del database, stabilendo così una connessione al database.
-
Nel menu di navigazione (
), fai clic su Compute Engine > Istanze VM.
-
Nell'elenco delle istanze VM, fai clic su SSH nella riga della tua istanza VM bloghost. Se richiesto, fai clic su Autorizza.
-
Nella sessione ssh su bloghost, imposta la tua directory di lavoro sulla directory root del server web:
cd /var/www/html
- Utilizza l'editor di testo nano per modificare un file chiamato index.php:
sudo nano index.php
- Copia e incolla i contenuti seguenti nel file:
<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 Secret Manger. For more information see
// https://cloud.google.com/sql/docs/postgres/use-secret-manager
try {
$conn = new PDO("mysql:host=$dbserver;dbname=mysql", $dbuser, $dbpassword);
// set the PDO error mode to exception
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
echo "Connected successfully";
} catch(PDOException $e) {
echo "Database connection failed:: " . $e->getMessage();
}
?>
</body></html>
Nota: in un passaggio successivo, inserirai l'indirizzo IP della tua istanza Cloud SQL e la password del tuo database in questo file. Per il momento, non modificare il file.
-
Premi Ctrl+O e poi Invio per salvare il file modificato.
-
Premi Ctrl+X per uscire dall'editor di testo nano.
-
Riavvia il server web:
sudo service apache2 restart
- Apri una nuova scheda del browser web e incolla nella barra degli indirizzi l'indirizzo IP esterno della tua istanza VM bloghost seguito da /index.php. L'URL sarà simile a questo:
35.192.208.2/index.php
Nota: assicurati di utilizzare l'indirizzo IP esterno della tua istanza VM seguito da /index.php. Non utilizzare l'indirizzo IP interno dell'istanza VM. Non utilizzare l'indirizzo IP di esempio mostrato qui.
Se viene visualizzato il messaggio che indica che l'indirizzo IP non supporta una connessione sicura, fai clic su Continua sul sito.
Quando carichi la pagina, vedrai un messaggio di errore che inizia con le parole:
Database connection failed: ...
Nota: questo messaggio viene visualizzato perché la connessione di PHP alla tua istanza Cloud SQL non è ancora stata configurata.
- Torna alla sessione ssh su bloghost. Utilizza l'editor di testo nano per modificare nuovamente il file index.php. Assicurati di trovarti nella directory /var/www/html.
sudo nano index.php
-
Nell'editor di testo nano, sostituisci CLOUDSQLIP con l'indirizzo IP pubblico dell'istanza Cloud SQL (blog-db) che hai annotato sopra. Lascia le virgolette attorno al valore.
-
Nell'editor di testo nano, sostituisci DBPASSWORD con la password del database Cloud SQL che hai definito sopra, ovvero Passw0rd1! Lascia le virgolette attorno al valore.
-
Premi Ctrl+O e poi Invio per salvare il file modificato.
-
Premi Ctrl+X per uscire dall'editor di testo nano.
-
Riavvia il server web:
sudo service apache2 restart
- Torna alla scheda del browser web in cui hai aperto l'indirizzo IP esterno della tua istanza VM bloghost. Quando caricherai la pagina, vedrai il seguente messaggio:
Connected successfully
Nota: in un blog reale, lo stato della connessione del database non è visibile ai visitatori, ma viene gestito esclusivamente dall'amministratore.
Attività 6: configura un'applicazione in un'istanza Compute Engine per l'utilizzo di un oggetto Cloud Storage
In questa attività, integrerai l'immagine accessibile pubblicamente, archiviata nel tuo bucket Cloud Storage, nella tua applicazione web modificando il file index.php sull'istanza Compute Engine, in modo da includere l'URL di origine dell'immagine corretto.
-
Nella console Google Cloud, fai clic su Cloud Storage > Bucket.
-
Fai clic sul bucket che ha lo stesso nome del tuo progetto Google Cloud.
-
In questo bucket si trova un oggetto chiamato my-excellent-blog.png. Copia l'URL dietro all'icona del link visualizzata nella colonna Accesso pubblico dell'oggetto o dietro le parole "Link pubblico", se visualizzate.
Nota: se non vedi né l'icona del link né "Link pubblico", prova ad aggiornare il browser. Se continui a non vedere l'icona del link, torna a Cloud Shell e conferma che il tuo tentativo di modifica dell'elenco di controllo dell'accesso dell'oggetto con il comando gsutil acl ch sia andato a buon fine.
-
Torna alla sessione ssh sulla tua istanza VM bloghost.
-
Inserisci questo comando per impostare la tua directory di lavoro sulla directory root del server web:
cd /var/www/html
- Utilizza l'editor di testo nano per modificare il file index.php:
sudo nano index.php
-
Utilizza i tasti freccia per spostare il cursore sulla riga che include l'elemento h1. Premi Invio per aprire una nuova schermata con una riga vuota e incolla l'URL copiato in precedenza.
-
Incolla questo markup HTML subito prima dell'URL:
<img src='
- Aggiungi un apostrofo e un segno di maggiore alla fine dell'URL:
'>
La riga creata sarà simile a questa:
<img src='https://storage.googleapis.com/qwiklabs-gcp-0005e186fa559a09/my-excellent-blog.png'>
Il risultato di questi passaggi è posizionare la riga che contiene <img src='...'> subito prima della riga che include <h1>...</h1>
Nota: non copiare l'URL mostrato qui. Copia invece l'URL mostrato dal browser Storage nel tuo progetto Google Cloud.
-
Premi Ctrl+O e poi Invio per salvare il file modificato.
-
Premi Ctrl+X per uscire dall'editor di testo nano.
-
Riavvia il server web:
sudo service apache2 restart
- Torna alla scheda del browser web in cui hai aperto l'indirizzo IP esterno della tua istanza VM bloghost. Quando carichi la pagina, il suo contenuto ora include un'immagine banner.
Complimenti!
In questo lab, hai configurato un'istanza Cloud SQL e vi hai connesso un'applicazione in un'istanza Compute Engine. Hai lavorato anche con un bucket Cloud Storage.
Termina il lab
Una volta completato il lab, fai clic su Termina lab. Google Cloud Skills Boost rimuove le risorse che hai utilizzato ed esegue la pulizia dell'account.
Avrai la possibilità di inserire una valutazione in merito alla tua esperienza. Seleziona il numero di stelle applicabile, inserisci un commento, quindi fai clic su Invia.
Il numero di stelle corrisponde alle seguenti valutazioni:
- 1 stella = molto insoddisfatto
- 2 stelle = insoddisfatto
- 3 stelle = esperienza neutra
- 4 stelle = soddisfatto
- 5 stelle = molto soddisfatto
Se non vuoi lasciare un feedback, chiudi la finestra di dialogo.
Per feedback, suggerimenti o correzioni, utilizza la scheda Assistenza.
Copyright 2025 Google LLC Tutti i diritti riservati. Google e il logo Google sono marchi di Google LLC. Tutti gli altri nomi di società e prodotti sono marchi delle rispettive società a cui sono associati.
Altre risorse
Consulta la documentazione della piattaforma Google Cloud su Cloud SQL.
Consulta la documentazione della piattaforma Google Cloud su Cloud Storage.
