Démarrer avec AWS

Créer une application web sans serveur

avec AWS Lambda, Amazon API Gateway, AWS Amplify, Amazon DynamoDB et Amazon Cognito

Créer une application web sans serveur

Introduction : Créer une application Internet sans serveur

Suivez les instructions étape par étape pour créer une application Internet sans serveur permettant aux utilisateurs de demander des chevauchées de licorne de la flotte Wild Rydes.

Présentation

Dans ce didacticiel, vous créerez une application Internet sans serveur permettant aux utilisateurs de demander des chevauchées de licorne de la flotte Wild Rydes. L'application présentera aux utilisateurs une interface utilisateur HTML permettant d'indiquer le lieu où ils souhaitent être pris en charge et interagira sur le backend avec un service web RESTful pour soumettre la demande et envoyer une licorne proche. L'application offrira également aux utilisateurs la possibilité de s'inscrire sur le service et de se connecter avant de demander des courses.

Architecture d'application

L'architecture d'application utilise AWS Lambda, Amazon API Gateway, Amazon DynamoDB, Amazon Cognito et la console AWS Amplify. La console Amplify fournit un déploiement continu et un hébergement des ressources web statiques, notamment des fichiers HTML, CSS, JavaScript et image, qui sont chargées dans le navigateur de l'utilisateur. JavaScript exécuté dans le navigateur envoie et reçoit des données d'une API backend publique conçue en utilisant Lambda et API Gateway. Amazon Cognito assure les fonctions de gestion et d'authentification des utilisateurs afin de sécuriser l'API backend. Enfin, DynamoDB offre une couche de persistance où les données peuvent être stockées par la fonction Lambda de l'API.

Serverless_Architecture
Serverless_Web_App_LP_assets-18

Hébergement web statique

AWS Amplify héberge des ressources web statiques, notamment HTML, CSS, JavaScript et fichiers image, qui sont chargées dans le navigateur de l'utilisateur.

Serverless_Web_App_LP_assets-19

Gestion des utilisateurs

Amazon Cognito assure les fonctions de gestion et d'authentification des utilisateurs afin de sécuriser l'API backend.

Serverless_Web_App_LP_assets-20

Backend sans serveur

Amazon DynamoDB offre une couche de persistance où les données peuvent être stockées par la fonction Lambda de l'API.

Serverless_Web_App_LP_assets-21

API RESTful

JavaScript exécuté dans le navigateur envoie et reçoit des données d'une API backend publique conçue à l'aide de Lambda et d'API Gateway.

 Expérience AWS

Débutant

 Durée

2 heures

 Coût de réalisation

Chaque service utilisé dans cette architecture est éligible à l'offre gratuite d'AWS. Si vous êtes en dehors des limites d'utilisation de l'offre gratuite, ce didacticiel vous coûtera moins de 0,25 USD*.

 Prérequis du didacticiel

Technologies utilisées :


*Cette estimation suppose que vous suiviez les configurations recommandées dans le tutoriel et exploitiez toutes les ressources dans les 24 heures.
**Les comptes qui ont été créés dans les dernières 24 heures sont susceptibles de ne pas encore avoir accès aux ressources nécessaires pour ce didacticiel.

Modules

Cet atelier est divisé en cinq modules. Chaque module décrit un scénario de ce que nous allons créer et fournit des instructions étape par étape pour vous aider à implémenter l'architecture et à vérifier votre travail. 

  1. Héberger un site Internet statique (15 minutes) : configurez AWS Amplify pour héberger des ressources statiques pour votre application Internet avec un déploiement continu intégré.
  2. Gérer les utilisateurs (30 minutes) : créez un groupe d'utilisateurs Amazon Cognito afin de gérer les comptes de vos utilisateurs.
  3. Créez un backend sans serveur (30 minutes) : créez un processus backend pour traiter les demandes sur votre application Internet.
  4. Déployer une API RESTful (15 minutes) : utilisez Amazon API Gateway pour exposer la fonction Lambda que vous avez conçue dans le module précédent en tant qu'API RESTful.
  5. Résilier des ressources (10 minutes) : résiliez toutes les ressources que vous avez créées dans ce didacticiel.

Héberger un site web statique