Démarrer avec AWS

Créer une application web sans serveur

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

Introduction : Créer une application Web 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 Web sans serveur simple permettant aux utilisateurs de demander des promenades en 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 promenades.

Conditions préalables

Pour suivre ce didacticiel, vous aurez besoin d'un compte AWS, d'installer AWS CLI, d'un compte ArcGIS pour ajouter un mappage à votre application, d'un éditeur de texte et d'un navigateur Web. Si vous n'avez pas encore de compte AWS, suivez les instructions du guide de mise en route Configuration de votre environnement AWS pour une présentation rapide.

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.

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.

Gestion des utilisateurs

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

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.

API RESTful

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.

 Expérience en matière d'utilisation des services AWS

Débutant

 Temps nécessaire

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*.

 Éléments requis

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 créés au cours des dernières 24 heures peuvent ne pas encore avoir accès aux ressources requises dans le cadre de ce didacticiel.

 Date de la dernière mise à jour

5 septembre 2023

Modules

Ce didacticiel est divisé en cinq modules. Chaque module décrit un scénario de ce que vous allez créer et fournit des instructions étape par étape pour vous aider à mettre en œuvre l'architecture et à vérifier votre travail. 

  1. Héberger un site Internet statique (15 minutes) : configurez AWS Amplify de manière à héberger des ressources statiques pour votre application Web 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.

Cette page vous a-t-elle été utile ?

Héberger un site web statique