Nous allons vous expliquer comment créer une application web simple avec Google AI Studio. Ce programme vous permet de créer des applications, des sites web ou d’autres projets en écrivant le code avec l’intelligence artificielle. En gros, vous lui indiquez ce que vous souhaitez, et Gemini génère l’application web tout en vous montrant également le code.
Cependant, il y a des points à considérer. Commençons par vous parler des risques associés à la création d’une webapp avec l’IA, surtout en matière de vie privée si vous comptez la publier. Ensuite, nous vous guiderons pas à pas pour procéder de manière simple.
Avant de commencer, les dangers à prendre en compte
Avant d’aller plus loin, sachez qu’il n’est pas toujours judicieux de créer une application web utilisant l’intelligence artificielle, surtout si vous envisagez de la publier. Tout dépend de l’usage que vous en ferez.
Avec Google AI Studio, vous allez construire un squelette de votre page ou application web, un simple code HTML sans base de données sécurisée et privée pour chaque utilisateur.
Sans système de connexion, vos données risquent d’être exposées sur une sorte de tableau public. Par exemple, imaginez que vous créez une application de notes et que vous la publiez. Tout ce que vous écrivez peut être accessible par d’autres et même être modifié par eux.
En somme, Google AI Studio permet seulement de créer des squelettes d’applications web, un code que vous devez ensuite compléter avec des bases de données et des enregistrements. Il est donc préférable de ne pas les publier telles qu’elles sont générées par cette outil.
Vous avez cependant la possibilité de demander à l’outil de créer une application avec une mémoire locale qui se sauvegarde sur votre navigateur. Cela la rendra privée en enregistrant les données dans le cache, bien que tout ce que vous écrivez risque d’être perdu si vous changez de navigateur ou videz le cache.
Un autre problème potentiel de la création d’une application web avec l’IA est qu’il peut y avoir du code erroné qui ne fonctionne pas correctement. Il est donc recommandé de réviser le code avec compétence et de s’assurer que tout fonctionne comme prévu.
Utilisez l’IA pour concevoir le prompt
Google AI Studio fonctionne grâce à l’intelligence artificielle, ce qui signifie que vous pouvez décrire ce que vous voulez en langage naturel, et il traduira cela en une application. Par conséquent, vous n’aurez besoin que d’un prompt.
Néanmoins, il est plus efficace d’utiliser une IA pour générer le prompt. C’est comme utiliser une IA comme traducteur pour que l’idée dans votre tête soit traduite en un prompt plus complet et complexe que vous pourrez ensuite revoir.
Par exemple, j’ai utilisé Claude et lui ai expliqué ce que je voulais pour l’application et des idées pour le design. À la suite de ma demande, il a formulé un prompt pour créer une application web dans Google AI Studio.
Claude m’a ainsi fourni un prompt détaillé en anglais, incluant les codes couleurs que je souhaitais et des suggestions d’interface, le tout expliqué pour que Google AI Studio puisse le comprendre.
Remarque : cette IA propose des Artefacts, des applications internes. Vous pouvez lui demander de créer un artefact à partir de ce prompt, permettant de tester un style différent de celui de Google AI Studio.
Commencez à créer l’application
Pour débuter votre création d’application, rendez-vous sur Google AI Studio via aistudio.google.com. Une fois sur le site, cliquez sur la section Build, qui sert à initier la création de votre application.
Copiez le prompt que nous avons généré auparavant et collez-le dans le champ de saisie. Il est conseillé d’examiner le prompt pour éventuellement apporter des modifications. Une fois vérifié, cliquez sur le bouton Build pour débuter le processus.
À ce moment, Google AI Studio générera votre application, et vous verrez votre écran divisé en deux. À gauche, un chat avec l’IA de l’outil, et à droite une prévisualisation. Une fois terminé, vous pourrez tester que tout fonctionne et utiliser le chat pour demander des changements et corrections.
Il est crucial d’ajouter et de modifier les éléments de l’application tranquillement. Prenez votre temps et effectuez des prompts courts avec des changements spécifiques pour progresser. À chaque prompt, Google AI Studio réajustera l’application.
Vous pouvez également poser des questions à l’IA et vous servir de ses réponses pour demander des ajustements. Par exemple, vous pouvez demander à vous assurer que les données sont enregistrées dans le localStorage pour éviter leur exposition en ligne.
Vous avez également la possibilité de demander des configurations plus complexes, comme l’assistance pour mettre en place un système permettant de se connecter via votre compte Google et sauvegarder vos données sur Google Drive. L’IA à gauche de votre projet vous guidera étape par étape et fournira les informations nécessaires.
Par défaut, l’outil vous présentera une prévisualisation de ce que vous créez, mais vous pouvez cliquer sur l’onglet Code pour voir le code interne de votre application web. Un bouton de téléchargement sera également disponible, vous permettant de conserver le code pour une utilisation ultérieure. Votre application est alors prête.
Publication de l’application web avec Google AI Studio
Enfin, sachez que Google AI Studio permet de publier votre application web. Pour cela, dans le coin supérieur droit, il vous suffit de cliquer sur le bouton Publish pour lancer le processus de publication automatique.
Dans l’étape suivante, il vous faudra choisir un projet Google Cloud pour votre application. Vous pouvez créer un nouveau projet ou l’ajouter à un projet existant. Vous devrez également configurer vos méthodes de paiement pour Google Cloud, car d’éventuels appels à l’API seront facturés. Une fois tout cela en place, il suffira de cliquer sur Publish app.
Et voilà, votre application est publiée et prête à être utilisée. Google AI Studio vous fournira une URL unique pour y accéder; il ne vous reste plus qu’à acheter un domaine pour l’associer à cette adresse si vous le désirez.
En conclusion, créer une application avec Google AI Studio est une expérience accessible et enrichissante, à condition de rester vigilant sur les aspects de sécurité et de confidentialité.