Puisque nous avons hébergé divers éléments comme des scripts et des styles dans notre bucket S3 public, vous avez peut-être envisagé d'héberger une page HTML complète ou un site web statique sur le bucket S3. Dans ce chapitre, vous apprendrez comment le faire sur un bucket S3 public, accessible via un lien. Allons-y !

Hébergement d'une page HTML sur AWS S3

Pour commencer, je recommande de créer un dossier séparé dans le bucket où nous stockerons toutes les ressources liées à cette page web pour une gestion et un développement plus faciles :

Maintenant, comme d'habitude, nous devons téléverser le fichier HTML dans notre bucket public.

Le fichier HTML que nous allons téléverser ressemble à ceci :

Maintenant, téléchargeons-le dans le S3 bucket :

Maintenant, tout ce que nous devons faire est de suivre le lien vers ce bucket, et nous aurons notre page HTML, qui sert de portfolio, juste devant nous.

La partie la plus intéressante est que cette page est dans le cloud, et nous aurons toujours accès à elle.

Page Web Statique

Il existe une autre façon d'héberger une page web sur S3, et cette méthode sera plus spécialisée pour les pages web. Voyons comment le faire.

Tout d'abord, nous devons créer un nouveau bucket et télécharger le fichier HTML qui sera la page principale de notre site web statique.

Pour ce faire, créons un nouveau bucket et téléchargeons le fichier HTML avec le portfolio :

Ensuite, nous allons à l'onglet "Propriétés" et faisons défiler jusqu'en bas de la page. Nous recherchons la section appelée "Hébergement de site web statique", comme indiqué dans la capture d'écran ci-dessous :

Nous ouvrons cette section et sélectionnons "Activer" dans la ligne "Hébergement de site web statique".

Ensuite, nous devons spécifier le document d'index, qui, dans notre cas, est portfolio.html. Si vous avez une page de gestion des erreurs, vous pouvez également la spécifier. Ensuite, il suffit de sauvegarder la page.

Ensuite, nous devons enregistrer les modifications, et Amazon nous fournira un lien vers notre site web statique, que vous pouvez trouver en bas :

Maintenant, lorsque vous visiterez ce lien, vous pourrez voir notre page HTML hébergée sur AWS S3 :

Gardez à l'esprit que ce n'est pas la meilleure façon d'héberger un site web ; il existe des services spécialisés pour cela, comme Amazon EC2.

Sur S3, nous pouvons héberger de petits sites web statiques, mais cela pourrait ne pas suffire pour des applications plus grandes.

L'hébergement sur S3 est assez simple, et maintenant vous savez comment télécharger et stocker vos médias là-bas.