Comment déployer un site Web statique à l'aide d'AWS Amplify ?

Comment Deployer Un Site Web Statique A L Aide D Aws Amplify



AWS permet à l'utilisateur de créer une application full-stack depuis l'écriture du code dans l'éditeur jusqu'au déploiement de l'application sur le cloud. AWS Amplify est le service qui offre des ressources pour créer l'application à partir de zéro ou héberger l'application déjà développée sur le cloud. Les développeurs peuvent télécharger du code à partir de plusieurs sources telles que GitHub, CodeCommit, le système local et bien d'autres.

Cet article va illustrer le processus d'hébergement d'un site Web statique à l'aide du service Amplify de la plateforme AWS.

Comment déployer un site Web statique à l'aide d'AWS Amplify ?

Une application statique est une application sans pages Web dynamiques et l'utilisateur doit naviguer seul dans l'application. Pour déployer un site Web statique à l'aide d'AWS Amplify, suivez simplement les étapes répertoriées :







Étape 1 : Visitez AWS Amplify
Tout d’abord, connectez-vous à la console AWS et accédez au «  AWSAmplifier » en le recherchant depuis la console :





Étape 2 : Commencez avec Amplify
Sur le tableau de bord AWS Amplify, cliquez simplement sur le bouton « COMMENCER Bouton ' pour commencer à utiliser le service :





Après cela, sélectionnez le « Amplifier l'hébergement » pour cliquer sur le « Commencer Bouton ' pour déployer un site Web statique :



Sélectionnez la source pour télécharger le code du site Web statique comme dans cet exemple, sélectionnez le « Déployer sans fournisseur Git » et cliquez sur « Continuer ' bouton:

Étape 3 : Déployer le site Web
Configurez le déploiement manuel du site Web statique en saisissant le nom pour l'identification de l'application. Après cela, sélectionnez le « Glisser déposer ' Options pour obtenir le code du système local ou l'utilisateur peut également obtenir le code du compartiment S3 :

Clique sur le ' Choisir des fichiers ' de cette page pour obtenir le fichier du répertoire local :

Téléchargez le fichier zip et cliquez sur le bouton « Enregistrer et déployer Bouton ' pour obtenir le lien après avoir hébergé le site :

Étape 4 : vérifier le déploiement
L'application a été déployée avec succès et le service fournit l'URL ou Uniform Resource Locator pour accéder au site Web déployé à l'aide du service Amplify :

La capture d'écran suivante montre que le site Web a été hébergé à l'aide du service Amplify :

Il s'agit de déployer un site Web statique à l'aide d'AWS Amplify.

Conclusion

Pour déployer un site Web statique à l'aide du service AWS Amplify, accédez au tableau de bord du service après vous être connecté au compte AWS. Commencez par l'hébergement de l'application pour choisir le code à partir de plusieurs sources car cet exemple utilise un répertoire local. Après cela, déployez le site Web pour obtenir l'URL du service et accéder au site Web déployé.