Esegui il deployment da AI Studio a Cloud Run

1. Panoramica

Da dove si inizia oggi a creare con l'AI? Per la maggior parte di noi, tutto inizia con una semplice domanda: posso prototipare rapidamente una soluzione al problema a cui ho pensato? È qui che entra in gioco Google AI Studio. È una piattaforma per la prototipazione rapida. In questo codelab, creerai una semplice applicazione web utilizzando vibe coding ed eseguirai il deployment su Cloud Run.

Prerequisiti

• Conoscenza di base delle applicazioni web.

Obiettivi didattici

In questo codelab imparerai a:

1. Crea una semplice applicazione web in Google AI Studio utilizzando il vibe coding.
2. Verifica che l'applicazione funzioni come previsto.
3. Esegui il deployment dell'applicazione in Cloud Run.

Requisiti

• Un browser web, ad esempio Chrome o Firefox.

2. Prima di iniziare

1. Se non hai ancora un Account Google, devi crearne uno.
   • Utilizza un account personale anziché un account di lavoro o della scuola. Gli account di lavoro e della scuola potrebbero avere limitazioni che impediscono l'attivazione delle API necessarie per questo lab.
2. Vai a Google AI Studio ed esamina i Termini di servizio.
3. Tieni presente che, poiché utilizzi il Starter Tier di Google Cloud, puoi eseguire il deployment di un massimo di due applicazioni full-stack senza costi.

3. Prototipo

In Google AI Studio, rivedi il riquadro Impostazioni nell'angolo in alto a destra. Qui puoi selezionare il modello e il framework predefinito e fornire istruzioni di sistema:

Quando le impostazioni ti soddisfano, descrivi l'applicazione che vuoi creare e fai clic su Crea:

Create a formal looking frontend application that has two buttons: "Snowflakes" and "Balloons".  
If the user clicks on the "Snowflakes" button, snowflakes of medium size should start falling on the screen from top to bottom for 5 seconds.  
If the user clicks on the "Balloons" button, balloons of medium size should start floating from the bottom of the screen and float to the top for 5 seconds.

In base a questa descrizione, AI Studio crea un'applicazione web. La procedura di generazione richiede 2-3 minuti e durante la procedura potrebbe esserti chiesto di selezionare le opzioni di progettazione:

Se riscontri problemi con l'applicazione, puoi inserire prompt aggiuntivi per perfezionarne il comportamento (ad esempio, Increase the size of the snowflakes to twice their current size).

L'immagine seguente mostra uno snapshot dell'applicazione generata:

4. Esegui il deployment in Cloud Run

Ora che l'applicazione è pronta, esegui il deployment in Cloud Run:

1. Nell'angolo in alto a destra della pagina, fai clic su Pubblica.

2. Si apre la finestra di dialogo Deploy app on Google Cloud (Esegui il deployment dell'app su Google Cloud).

Tieni presente che ogni account Google Cloud Starter Tier riceve due deployment senza costi.

3. Fai clic sul menu a discesa Seleziona un progetto Cloud per selezionare il progetto o continua con il Progetto Gemini predefinito.
4. Seleziona il progetto dal menu a discesa. Se non riesci a trovare il tuo progetto, fai clic su Importa progetto e selezionalo dal riquadro Importa progetto.
5. Se richiesto, seleziona Privato come tipo di organizzazione e inserisci il tuo indirizzo:

6. Fai clic su Pubblica la tua app e attendi il deployment dell'applicazione in Cloud Run. Tieni presente che AI Studio genera automaticamente il nome del servizio Cloud Run.

7. Il deployment richiede alcuni minuti. Al termine, fai clic sull'URL dell'app per aprire l'applicazione web di cui è stato eseguito il deployment.

5. Esegui la pulizia

Per evitare che al tuo account Google Cloud vengano addebitati costi relativi alle risorse utilizzate in questo codelab, fai clic su Annulla pubblicazione app:

6. Complimenti

Complimenti! Hai creato correttamente il codice di un'applicazione web in Google AI Studio e l'hai eseguito il deployment in Cloud Run.

L'integrazione di AI Studio con Cloud Run semplifica il deployment delle applicazioni direttamente su Google Cloud. Utilizzando Cloud Run, ottieni tutti i vantaggi di un ambiente serverless, eliminando le complessità della gestione dell'infrastruttura.

Passaggi successivi

Complimenti per aver completato questo lab! Ora che il framework dell'applicazione è pronto, esplora queste guide ufficiali per ampliare le funzionalità del tuo progetto:

Documentazione e guide consigliate

• Strategie di progettazione dei prompt: scopri i principi fondamentali per strutturare i prompt, utilizzare le istruzioni di sistema, implementare esempi few-shot e controllare il formato di output.
• Chiamata di funzione con l'API Gemini: connetti il deployment a strumenti e API esterni, consentendo al modello Gemini di restituire dati strutturati e attivare la logica dell'applicazione nel mondo reale.
• Generazione di sintesi vocale: scopri come generare audio parlato utilizzando l'API Gemini, controllare gli stili di sintesi vocale e testare le voci utilizzando la libreria di voci in Google AI Studio.