Création d'une application Web simple
DIDACTICIEL
Introduction : création d'une application Web simple
Suivez les instructions pour créer votre première application Web
Présentation
Dans ce didacticiel, vous allez créer une application Web simple. Vous commencerez par créer une application Web simple affichant « Hello World ». Vous apprendrez ensuite à ajouter des fonctionnalités à l'application Web afin que le texte affiché soit basé sur votre propre saisie.
Ce que vous accomplirez
Ce didacticiel vous guidera tout au long des étapes de création de l'exemple d'application Web mentionné précédemment. Vous allez :
- Créer une application Web
- Connecter l'application Web à un backend sans serveur
- Ajouter des fonctionnalités d'interactivité à votre application Web avec une API et une base de données
Prérequis
Pour pouvoir démarrer ce didacticiel, vous avez besoin des éléments suivants :
- Un compte AWS : si vous n'en avez pas encore, suivez les instructions du guide de mise en route Configuration de votre environnement pour une présentation rapide.
Expérience AWS
Débutant
Temps nécessaire
35 minutes
Coût de réalisation
Disponible dans l'offre gratuite
Éléments requis
- Compte AWS avec accès administrateur*
- Dernière version de Chrome ou de Firefox (recommandé)
* Les comptes créés dans les dernières 24 heures sont susceptibles de ne pas encore avoir accès aux services nécessaires pour ce didacticiel.
Services utilisés
Dernière mise à jour
4 avril 2023
Architecture d'application
Le diagramme ci-dessous représente visuellement les services utilisés au cours de ce didacticiel et la manière dont ceux-ci sont connectés. Cette application utilise AWS Amplify, Amazon API Gateway, AWS Lambda, Amazon DynamoDB et AWS Identity and Access Management (IAM).
Tout au long du didacticiel, nous reviendrons en détail sur les services et vous indiquerons les ressources permettant de vous familiariser avec ceux-ci.
Modules
Ce didacticiel est divisé en six modules courts. Vous devez terminer chaque module, dans l'ordre, avant de passer au suivant.
- Création d'une application Web (5 minutes) : vous déploierez des ressources statiques pour votre application Web en utilisant la console AWS Amplify.
- Création d'une fonction sans serveur (5 minutes) : ce module vous explique comment créer une fonction sans serveur à l'aide d'AWS Lambda.
- Association de la fonction sans serveur à l'application Web (5 minutes) : ce module vous explique comment déployer votre fonction sans serveur à l'aide d'API Gateway.
- Création d'une table de données (10 minutes) : ce module vous explique comment conserver des données dans une table Amazon DynamoDB.
- Ajout de fonctionnalités d'interactivité à l'application Web (5 minutes) : ce module vous explique comment modifier votre application Web afin d'invoquer votre API.
- Ressources de nettoyage (5 minutes) : ce module vous explique comment nettoyer les ressources utilisées dans ce didacticiel.
Vous créerez cette application Web à l'aide de la console de gestion AWS, accessible directement depuis votre navigateur.