Présentation de l’atelier
En tant que professionnel de la technologie ayant une expérience en matière de langage de script et une nouvelle idée, la construction d’un frontend pour une preuve de concept ou un produit un minimum appréciable peut sembler hors de portée. Dans ce scénario, votre équipe dépend de vous pour mettre en service des instances Linux qu’elle pourra utiliser. Vous avez déjà amélioré ce processus en écrivant une fonction AWS Lambda qui lance des instances Elastic Cloud Compute (EC2) avec l’identification appropriée. Et s’il existait un outil en libre-service en ligne qui ne nécessite pas de connexion à la console AWS ? Dans cet atelier, vous construisez une application complète d’une seule page avec authentification qui permet aux utilisateurs de lancer et de mettre fin à des instances EC2.
Vous découvrez les fonctionnalités de la bibliothèque React pour la construction d’interfaces utilisateur. Vous utilisez ensuite AWS Amplify pour ajouter des services AWS et les intégrer à votre frontend. Vous ajoutez notamment l’authentification via Amazon Cognito et créez une API REST sécurisée optimisée par Amazon API Gateway. Vous étendez davantage le backend avec une fonction serverless via AWS Lambda qui interagit avec le service Amazon EC2.
Enfin, vous utilisez AWS Amplify pour ajouter l’hébergement de votre application, ce qui permet de la diffuser aux utilisateurs finaux sur le réseau de diffusion de contenu AWS à l’aide d’Amazon CloudFront. Tout le travail de développement d’applications s’effectue dans l’IDE AWS Cloud9.
Objectifs
À la fin de cet atelier, vous serez en mesure d’effectuer les opérations suivantes :
- Créer et héberger une application web complète sur AWS.
- Mettre en œuvre des concepts React tels que les états, les effets et les accessoires.
- Créer des ressources d’authentification, d’API, de fonction et d’hébergement sur AWS en utilisant AWS Amplify.
- Intégrer votre frontend avec des services backend.
Durée
Cet atelier dure environ 60 minutes.
Signification des icônes
De nombreuses icônes sont utilisées dans cet atelier pour attirer l’attention sur différents types d’instructions et de remarques. La liste suivante explique la signification de chaque icône :
- Commande : une commande que vous devez exécuter.
- Sortie attendue : un exemple de sortie que vous pouvez utiliser pour vérifier la sortie d’une commande ou d’un fichier modifié.
- Remarque : un indice, une directive ou un conseil important.
- Attention : information présentant un intérêt spécial ou d’une importance particulière (pas assez importante pour causer des problèmes avec l’équipement ou les données si vous n’y faites pas attention, mais qui pourrait vous amener à devoir répéter certaines étapes).
- À envisager : un moment de pause pour réfléchir à la façon dont vous pourriez appliquer un concept dans votre propre environnement ou pour entamer une conversation sur le sujet en question.
- Contrôle des connaissances : une opportunité de vérifier vos connaissances et de tester ce que vous avez appris.
- Actualisation : un moment où vous devez actualiser une page de navigateur web ou une liste pour afficher de nouvelles informations
- Tâche terminée : une conclusion ou un récapitulatif de l’atelier.
