Hébergement d'une page HTML sur S3
Glissez pour afficher le menu
Étant donné que nous avons hébergé divers éléments tels que des scripts et des feuilles de style 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. Découvrez comment procéder sur un bucket S3 public, accessible via un lien.
Hébergement d’une page HTML sur AWS S3
Pour commencer, il est recommandé de créer un dossier séparé dans le bucket afin d’y stocker toutes les ressources liées à cette page web pour une gestion et un développement facilités :
Maintenant, comme d'habitude, il faut téléverser le fichier HTML dans notre bucket public.
Le fichier HTML que nous allons téléverser ressemble à ceci :
index.html
Les technologies cloud sont utilisées pour importer Bootstrap ainsi que pour l'image, qui sert d'avatar dans le portfolio.
Nous allons maintenant le télécharger dans le bucket S3 :
À présent, il suffit de suivre ce lien vers ce bucket, et nous aurons notre page HTML, qui sert de portfolio, juste devant nous.
L'aspect le plus intéressant est que cette page est dans le cloud, et nous y aurons toujours accès.
Page Web statique
Il existe une autre méthode pour héberger une page web sur S3, et cette méthode sera plus adaptée aux pages web. Examinons comment procéder.
Tout d'abord, il faut créer un nouveau bucket et téléverser le fichier HTML qui sera la page principale de notre site web statique.
Pour cela, créons un nouveau bucket et téléversons le fichier HTML contenant le portfolio :
Il est recommandé de créer un dossier séparé et d’y téléverser les styles CSS, les scripts JavaScript, divers médias et autres éléments liés à votre site web statique.
Ensuite, accéder à l’onglet « Propriétés » et faire défiler jusqu’en bas de la page. Rechercher la section intitulée « Hébergement de site web statique », comme illustré 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, il faut spécifier le document d’index, qui, dans notre cas, est portfolio.html. Si vous disposez d’une page de gestion des erreurs, vous pouvez également l’indiquer.
Enfin, il suffit de sauvegarder la page.
Gardez à l’esprit que pour que la page soit accessible aux utilisateurs et à vous-même sur Internet, il est nécessaire de configurer son accessibilité comme nous l’avons fait pour notre précédent bucket.
Ensuite, il faut enregistrer les modifications, et Amazon nous fournira un lien vers notre site web statique, que vous trouverez en bas :
Désormais, en visitant ce lien, vous pourrez voir notre page HTML hébergée sur AWS S3 :
Il est important de noter que ce n'est pas la meilleure méthode pour héberger un site web ; il existe des services spécialisés pour cela, comme Amazon EC2.
Sur S3, il est possible d’héberger de petits sites web statiques, mais cela peut ne pas suffire pour des applications plus volumineuses.
L’hébergement sur S3 est assez simple, et vous savez désormais comment y téléverser et stocker vos médias.
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Hébergement d'une page HTML sur S3
Étant donné que nous avons hébergé divers éléments tels que des scripts et des feuilles de style 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. Découvrez comment procéder sur un bucket S3 public, accessible via un lien.
Hébergement d’une page HTML sur AWS S3
Pour commencer, il est recommandé de créer un dossier séparé dans le bucket afin d’y stocker toutes les ressources liées à cette page web pour une gestion et un développement facilités :
Maintenant, comme d'habitude, il faut téléverser le fichier HTML dans notre bucket public.
Le fichier HTML que nous allons téléverser ressemble à ceci :
index.html
Les technologies cloud sont utilisées pour importer Bootstrap ainsi que pour l'image, qui sert d'avatar dans le portfolio.
Nous allons maintenant le télécharger dans le bucket S3 :
À présent, il suffit de suivre ce lien vers ce bucket, et nous aurons notre page HTML, qui sert de portfolio, juste devant nous.
L'aspect le plus intéressant est que cette page est dans le cloud, et nous y aurons toujours accès.
Page Web statique
Il existe une autre méthode pour héberger une page web sur S3, et cette méthode sera plus adaptée aux pages web. Examinons comment procéder.
Tout d'abord, il faut créer un nouveau bucket et téléverser le fichier HTML qui sera la page principale de notre site web statique.
Pour cela, créons un nouveau bucket et téléversons le fichier HTML contenant le portfolio :
Il est recommandé de créer un dossier séparé et d’y téléverser les styles CSS, les scripts JavaScript, divers médias et autres éléments liés à votre site web statique.
Ensuite, accéder à l’onglet « Propriétés » et faire défiler jusqu’en bas de la page. Rechercher la section intitulée « Hébergement de site web statique », comme illustré 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, il faut spécifier le document d’index, qui, dans notre cas, est portfolio.html. Si vous disposez d’une page de gestion des erreurs, vous pouvez également l’indiquer.
Enfin, il suffit de sauvegarder la page.
Gardez à l’esprit que pour que la page soit accessible aux utilisateurs et à vous-même sur Internet, il est nécessaire de configurer son accessibilité comme nous l’avons fait pour notre précédent bucket.
Ensuite, il faut enregistrer les modifications, et Amazon nous fournira un lien vers notre site web statique, que vous trouverez en bas :
Désormais, en visitant ce lien, vous pourrez voir notre page HTML hébergée sur AWS S3 :
Il est important de noter que ce n'est pas la meilleure méthode pour héberger un site web ; il existe des services spécialisés pour cela, comme Amazon EC2.
Sur S3, il est possible d’héberger de petits sites web statiques, mais cela peut ne pas suffire pour des applications plus volumineuses.
L’hébergement sur S3 est assez simple, et vous savez désormais comment y téléverser et stocker vos médias.
Merci pour vos commentaires !
