Stockage de Fragments de Code sur AWS S3

Nous avons créé du code HTML qui nous permet de nourrir la tortue, et dans ce code, nous avons utilisé une image que nous avons téléchargée sur AWS S3 dans un bucket public. Vous avez peut-être remarqué, cependant, que lire le code directement à partir de là était assez peu pratique en raison du grand nombre de styles.

Cela nous amène à l'idée que nous pouvons également télécharger certains fragments de code sur AWS S3, tout comme nous le faisons avec les images. Par exemple, dans notre cas, il serait vraiment pratique de télécharger les styles CSS pour nos pages HTML ou applications sur AWS, nous aidant à garder le code plus propre et mieux organisé.

Jetons un coup d'œil au fichier de style que je veux téléverser dans le stockage :

Pour ajouter un fichier avec des styles à AWS S3, nous devons d'abord créer le fichier et le téléverser dans notre bucket public :

Pour appliquer ces styles CSS dans votre code HTML, vous avez juste besoin d'utiliser une syntaxe simple :

Dans le cas de la liaison à nos styles, cette ligne ressemblera à ceci :

Voyons comment notre code sera réduit après ces modifications et comment il apparaîtra maintenant :

Si vous cliquez et suivez ce lien, vous verrez le contenu de ce fichier, spécifiquement les styles que j'ai écrits plus tôt. De cette façon, nous et les visiteurs de notre site web pouvons voir les styles stockés sur AWS et peuvent vouloir les emprunter chez nous.

Il est également à noter que nous pouvons télécharger des scripts JavaScript sur S3. Bien que cela ne soit pas la meilleure pratique car les scripts nécessitent souvent des modifications et travailler avec eux, dans notre cas, nous apprenons, alors allons-y et faisons-le pour simplifier davantage notre code !

Ci-dessous se trouve le script que nous allons télécharger dans notre bucket public:

Maintenant, nous devons télécharger le fichier JavaScript script dans notre bucket public :

Maintenant, nous devons utiliser la syntaxe suivante pour ajouter le script au code via le lien :

Après avoir ajouté le script depuis AWS S3, notre code pour la tortue ressemblera à ceci :