1. Présentation
Où commence le développement avec l'IA aujourd'hui ? Pour la plupart d'entre nous, cela commence souvent par une question simple : "Puis-je prototyper rapidement une solution au problème auquel je pense ?". C'est là que Google AI Studio entre en jeu. Vous pouvez y prototyper rapidement n'importe quoi. Dans cet atelier de programmation, nous allons créer une application Web simple à l'aide de la programmation Vibe et la déployer sur Cloud Run.
Ce que vous allez faire
Vous êtes prêt à coder une application Web et à la mettre à disposition d'autres utilisateurs ? Nous allons créer une application Web et la déployer sur Cloud Run, le tout en utilisant uniquement AI Studio. Au cours de cet atelier, vous allez :
- Créer une application Web simple à l'aide du codage Vibe
- Tester le fonctionnement de l'application
- Déployer l'application sur Cloud Run
Conditions requises
2. Avant de commencer
- Dans la console Google Cloud, sur la page du sélecteur de projet, sélectionnez ou créez un projet Google Cloud.
- Assurez-vous que la facturation est activée pour votre projet Cloud. Découvrez comment vérifier si la facturation est activée sur un projet .
- Si vous disposez d'un lien pour utiliser des crédits, vous pouvez suivre ces instructions pour les utiliser.
3. Prototype
Accédez à Google AI Studio. Commencez à saisir votre requête décrivant l'application que vous souhaitez créer. Voici ma requête :
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.
Choisissez le modèle de votre choix. Ici, nous utilisons Gemini 3 Pro (preview). Cliquez sur le bouton Compiler.
À partir de cette description simple, AI Studio créera une application Web qui correspond exactement à la description que vous avez fournie. La génération de l'application prend deux à trois minutes.
Si vous rencontrez des problèmes avec l'application, n'hésitez pas à fournir des instructions supplémentaires pour corriger son comportement. Par exemple, doublez la taille des flocons de neige.
Consultez l'instantané de l'application générée ci-dessous :
4. Déployer dans Cloud Run
Maintenant que l'application est prête, déployons-la sur Cloud Run.
- Cliquez sur le bouton en forme de fusée en haut à droite de la page AI Studio. Le bouton affiche "Déployer l'application" lorsque vous le survolez.
- La fenêtre pop-up **Déployer l'application sur Google Cloud** s'ouvre.
- Cliquez sur le menu déroulant Sélectionner un projet Cloud.
- Sélectionnez le projet dans le menu déroulant. Si vous ne trouvez pas votre projet dans le menu déroulant, cliquez sur Importer un projet, puis sélectionnez le projet dans le volet Importer un projet.
- Une fois le projet sélectionné, il est vérifié que la facturation est activée. Cette validation sera acceptée, car nous avons associé le compte de facturation au projet lors des étapes initiales.
- Cliquez sur le bouton Deploy app (Déployer l'application) et attendez que l'application soit déployée sur Cloud Run.
Notez que le nom du service Cloud Run sera généré automatiquement.
- Le déploiement devrait s'effectuer en quelques minutes. L'URL de l'application s'affiche. En cliquant sur l'URL, vous pouvez voir l'application Web déployée.
5. Effectuer un nettoyage
Pour éviter que les ressources utilisées dans cet article soient facturées sur votre compte Google Cloud, procédez comme suit :
- Dans la console Google Cloud, accédez à la page Gérer les ressources.
- Dans la liste des projets, sélectionnez le projet que vous souhaitez supprimer, puis cliquez sur Supprimer.
- Dans la boîte de dialogue, saisissez l'ID du projet, puis cliquez sur Arrêter pour supprimer le projet.
6. Félicitations
Félicitations ! Vous avez réussi à coder une application sur AI Studio et à la déployer sur Cloud Run.
AI Studio est une plate-forme idéale pour développer et tester des applications, car elle permet aux utilisateurs de visualiser immédiatement leurs conceptions en action.
L'intégration parfaite d'AI Studio à Cloud Run permet aux utilisateurs de déployer facilement leurs applications directement sur Google Cloud. L'utilisation de Cloud Run offre tous les avantages inhérents à un environnement sans serveur, en éliminant les complexités et les frais généraux liés à la gestion de l'infrastructure.