View a markdown version of this page

Tutoriel : Générer une application à l'aide de l'IA - AWS App Studio

Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

Tutoriel : Générer une application à l'aide de l'IA

AWS App Studio intègre des fonctionnalités d'IA génératives dans l'ensemble du service afin d'accélérer la création d'applications. Dans ce didacticiel, vous allez apprendre à générer une application à l'aide de l'IA en décrivant votre application en langage naturel.

L'utilisation de l'IA pour générer une application est un excellent moyen de commencer à créer, car de nombreuses ressources de l'application sont créées pour vous. Il est généralement beaucoup plus facile de commencer à créer à partir d'une application générée avec des ressources existantes que de démarrer à partir d'une application vide.

Note

Vous pouvez consulter l'article de blog Créez des applications professionnelles en langage naturel à l'aide d' AWS App Studio (aperçu) pour consulter une procédure pas à pas similaire qui inclut des images. Le billet de blog contient également des informations sur la mise en place et la configuration des ressources relatives aux administrateurs, mais vous pouvez passer directement à la partie consacrée à la création d'applications si vous le souhaitez.

Lorsqu'App Studio génère une application avec l'IA, il crée l'application avec les ressources suivantes, adaptées à l'application que vous avez décrite :

  • Pages et composants  : les composants sont les éléments constitutifs de l'interface utilisateur de votre application. Ils représentent des éléments visuels tels que des tableaux, des formulaires et des boutons. Chaque composant possède son propre ensemble de propriétés et vous pouvez personnaliser un composant en fonction de vos besoins spécifiques. Les pages sont les conteneurs des composants.

  • Automatisations  : vous utilisez les automatisations pour définir la logique et les flux de travail qui régissent le comportement de votre application. Par exemple, vous pouvez utiliser des automatisations pour créer, mettre à jour, lire ou supprimer des lignes dans une table de données ou pour interagir avec des objets dans un compartiment Amazon S3. Vous pouvez également les utiliser pour gérer des tâches telles que la validation des données, les notifications ou les intégrations avec d'autres systèmes.

  • Entités  : les données sont les informations qui alimentent votre application. L'application générée crée des entités similaires à des tables. Les entités représentent les différents types de données que vous devez stocker et utiliser, tels que les clients, les produits ou les commandes. Vous pouvez connecter ces modèles de données à diverses sources de données, notamment des AWS services et des API externes, à l'aide de connecteurs App Studio.

Conditions préalables

Avant de commencer, vérifiez et complétez les prérequis suivants :

Étape 1 : Création d'une application

La première étape de la génération d'une application consiste à décrire l'application que vous souhaitez créer à l'assistant IA d'App Studio. Vous pouvez consulter l'application qui sera générée et l'itérer comme vous le souhaitez avant de la générer.

Pour générer votre application à l'aide de l'IA
  1. Connectez-vous à App Studio.

  2. Dans la barre de navigation de gauche, choisissez Builder hub, puis choisissez + Créer une application.

  3. Choisissez Générer une application avec l'IA.

  4. Dans le champ Nom de l'application, donnez un nom à votre application.

  5. Dans la boîte de dialogue Sélectionner les sources de données, choisissez Ignorer.

  6. Vous pouvez commencer à définir l'application que vous souhaitez générer en la décrivant dans la zone de texte ou en choisissant Personnaliser dans un exemple d'invite. Après avoir décrit votre application, App Studio génère les exigences et les informations nécessaires pour que vous puissiez les consulter. Cela inclut les cas d'utilisation, les flux d'utilisateurs et les modèles de données.

  7. Utilisez la zone de texte pour effectuer des itérations avec votre application selon vos besoins jusqu'à ce que vous soyez satisfait des exigences et des détails.

  8. Lorsque vous êtes prêt à générer votre application et à commencer à créer, choisissez Générer l'application.

  9. Vous pouvez éventuellement visionner une courte vidéo expliquant comment naviguer dans votre nouvelle application.

  10. Choisissez Modifier l'application pour accéder à l'environnement de développement de votre application.

Étape 2 : Explorez votre nouvelle application

Dans l'environnement de développement, vous trouverez les ressources suivantes :

  • Un canevas que vous utilisez pour consulter ou modifier votre application. Le canevas change en fonction de la ressource sélectionnée.

  • Onglets de navigation en haut du canevas. Les onglets sont décrits dans la liste suivante :

    • Pages  : où vous utilisez des pages et des composants pour concevoir l'interface utilisateur de votre application.

    • Automatisations  : où vous utilisez des actions dans les automatisations pour définir la logique métier de votre application.

    • Données  : où vous définissez des entités, leurs champs, des exemples de données et des actions de données pour définir les modèles de données de votre application.

    • Paramètres de l'application  : vous définissez les paramètres de votre application, y compris les rôles d'application, que vous utilisez pour définir la visibilité des pages en fonction des rôles pour vos utilisateurs finaux.

  • Un menu de navigation sur la gauche, qui contient des ressources en fonction de l'onglet que vous consultez.

  • Un menu de droite qui répertorie les ressources et les propriétés des ressources sélectionnées dans les onglets Pages et Automatisations.

  • Une console de débogage qui affiche les avertissements et les erreurs en bas du générateur. Des erreurs sont peut-être présentes dans l'application que vous avez générée. Cela est probablement dû à des automatisations qui nécessitent la configuration d'un connecteur pour effectuer des actions, telles que l'envoi d'un e-mail avec Amazon Simple Email Service.

  • Une fenêtre de discussion Ask AI pour obtenir de l'aide contextuelle de l'assistant AI Builder.

Examinons de plus près les onglets Pages, Automatisations et Données.

Explorez les pages et les composants

L'onglet Pages affiche les pages et leurs composants qui ont été générés pour vous.

Chaque page représente un écran de l'interface utilisateur (UI) de votre application avec laquelle vos utilisateurs vont interagir. Sur ces pages, vous trouverez différents composants (tels que des tableaux, des formulaires et des boutons) permettant de créer la mise en page et les fonctionnalités souhaitées.

Prenez le temps de consulter les pages et leurs composants en utilisant le menu de navigation de gauche. Lorsque vous sélectionnez une page ou un composant, vous pouvez choisir Propriétés dans le menu de droite.

Explorez les automatisations et les actions

L'onglet Automatisations affiche les automatisations et leurs actions qui ont été générées pour vous.

Les automatisations définissent la logique métier de votre application, comme la création, l'affichage, la mise à jour ou la suppression d'entrées de données, l'envoi d'e-mails ou même l'appel d'API ou de fonctions Lambda.

Prenez le temps de visualiser les automatisations en utilisant le menu de navigation de gauche. Lorsque vous choisissez un automatisme, vous pouvez consulter ses propriétés dans le menu Propriétés de droite. Une automatisation contient les ressources suivantes :

  • Les automatisations sont composées d'actions individuelles, qui constituent les éléments constitutifs de la logique métier de votre application. Vous pouvez visualiser les actions d'un automatisme dans le menu de navigation de gauche ou dans le canevas d'un automatisme sélectionné. Lorsque vous sélectionnez une action, vous pouvez consulter ses propriétés dans le menu Propriétés de droite.

  • Les paramètres d'automatisation indiquent la manière dont les données sont transmises à une automatisation. Les paramètres agissent comme des espaces réservés qui sont remplacés par des valeurs réelles lorsque l'automatisation est exécutée. Cela vous permet d'utiliser la même automatisation avec des entrées différentes à chaque fois.

  • La sortie d'automatisation est l'endroit où vous configurez le résultat d'une automatisation. Par défaut, une automatisation n'a aucune sortie. Pour utiliser le résultat d'une automatisation dans des composants ou d'autres automatisations, vous devez les définir ici.

Pour de plus amples informations, veuillez consulter Concepts d'automatisation.

Explorez les données avec des entités

L'onglet Données affiche les entités qui ont été générées pour vous.

Les entités représentent les tables qui contiennent les données de votre application, de la même manière que les tables d'une base de données. Au lieu de connecter l'interface utilisateur (UI) et les automatisations de votre application directement aux sources de données, elles se connectent d'abord aux entités. Les entités font office d'intermédiaire entre votre source de données réelle et votre application App Studio. Cela fournit un endroit unique pour gérer vos données et y accéder.

Prenez le temps de visualiser les entités qui ont été générées en les choisissant dans le menu de navigation de gauche. Vous pouvez consulter les informations suivantes :

  • L'onglet Configuration affiche le nom de l'entité et ses champs, qui représentent les colonnes de votre entité.

  • L'onglet Actions relatives aux données affiche les actions relatives aux données qui ont été générées avec votre entité. Les composants et les automatisations peuvent utiliser des actions de données pour récupérer les données de votre entité.

  • L'onglet Exemples de données affiche des exemples de données que vous pouvez utiliser pour tester votre application dans l'environnement de développement (qui ne communique pas avec des services externes). Pour plus d'informations sur les environnements, consultezEnvironnements applicatifs.

  • L'onglet Connexion affiche des informations sur les sources de données externes auxquelles l'entité est connectée. App Studio fournit une solution de stockage de données géré qui utilise une table DynamoDB. Pour de plus amples informations, veuillez consulter Entités de données gérées dans AWS App Studio.

Étape 3 : Prévisualisez votre candidature

Vous pouvez prévisualiser une application dans App Studio pour voir comment elle apparaît aux utilisateurs. Vous pouvez également tester ses fonctionnalités en l'utilisant et en consultant les journaux dans un panneau de débogage.

L'environnement de prévisualisation de l'application ne prend pas en charge l'affichage de données en direct ni la connexion avec des ressources externes à l'aide de connecteurs, telles que des sources de données. Vous pouvez plutôt utiliser des exemples de données et des sorties simulées pour tester les fonctionnalités.

Pour prévisualiser votre application à des fins de test
  1. Dans l'angle supérieur droit de l'éditeur d'applications, choisissez Aperçu.

  2. Interagissez avec les pages de votre application.

Étapes suivantes

Maintenant que vous avez créé votre première application, voici les prochaines étapes :