Démarrer avec AWS

Création d'une application Web simple

Déploiement d'une application Web et ajout de fonctionnalités d'interactivité avec une API et une base de données

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 qui apparaît soit basé sur votre propre saisie.

Opérations que vous allez apprendre à effectuer

Ce didacticiel vous guidera tout au long des étapes à suivre pour créer cette application Web. Vous effectuerez les actions suivantes :

  • Création d'une application Web
  • Connecter l'application Web à un back-end sans serveur
  • Ajouter des fonctionnalités d'interactivité à votre application Web avec une API et une base de données

 Expérience AWS

Débutant

 Durée nécessaire

30 minutes

 Coût

Admissible à 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.

Architecture de l'application

Le diagramme ci-dessous représente, visuellement, les services utilisés au cours de ce tutoriel et la manière dont ceux-ci sont connectés. Comme illustré ci-dessous, cette application emploie AWS Amplify, Amazon API Gateway, AWS Lambda et Amazon DynamoDB.

Tout au long du didacticiel, nous reviendrons en détail sur les services et vous indiquerons les ressources permettant de vous familiariser avec eux.

full-stack amplify console arch diagram module 5

Modules

Ce didacticiel est divisé en cinq modules courts. Vous devez compléter chacun d'entre eux, dans l'ordre, afin de passer au suivant.

  1. Création d'une application Web (5 minutes) : vous déploierez des ressources statiques pour votre application Web en utilisant la console AWS Amplify.
  2. 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.
  3. 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.
  4. Création d'une table de données (10 minutes) : ce module vous explique comment conserver des données dans une table Amazon DynamoDB.
  5. 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.

Vous créerez cette application Web à l'aide de la console Web AWS accessible directement depuis votre navigateur.

Création d'une application Web