Koodikatkelmien Tallentaminen AWS S3:een
Pyyhkäise näyttääksesi valikon
Loimme HTML-koodia, jonka avulla voimme syöttää kilpikonnaa, ja tässä koodissa käytimme kuvaa, jonka ladattiin AWS S3:een julkiseen bucketiin. Olet ehkä huomannut, että koodin lukeminen suoraan sieltä oli melko hankalaa suuren tyylimäärän vuoksi.
Tämä johdattaa meidät ajatukseen, että voimme myös ladata tiettyjä koodinpätkiä AWS S3:een, aivan kuten teemme kuvien kanssa. Esimerkiksi meidän tapauksessamme olisi erittäin kätevää ladata CSS-tyylit HTML-sivujamme tai sovelluksiamme varten AWS:ään, mikä auttaa pitämään koodin siistimpänä ja järjestelmällisempänä.
Näiden tyylien hallinta on yksinkertaista, koska jos meidän tarvitsee päivittää tyylit kaikissa instansseissa, voimme vain muokata muutamaa koodiriviä S3-tiedostossa, jolloin muutokset päivittyvät kaikille sivuille, jotka viittaavat kyseiseen linkkiin.
Katsotaanpa tyylitiedostoa, jonka haluan ladata tallennustilaan:
style.css
Lisätäksemme tyylitiedoston AWS S3:een, meidän täytyy ensin luoda tiedosto ja ladata se julkiseen bucketiin:
Näiden CSS-tyylien käyttämiseksi HTML-koodissasi tarvitset vain yksinkertaisen syntaksin:
<link rel="stylesheet" href="link to your CSS styles here">
Kun linkität tyyleihimme, tämä rivi näyttää tältä:
<link rel="stylesheet" href="https://codefinity-aws-course.s3.eu-north-1.amazonaws.com/styles_for_turtle.css">
Tarkastellaan, kuinka paljon koodimme lyhenee näiden muutosten jälkeen ja miltä se nyt näyttää:
index.html
Jos napsautat ja seuraat tätä linkkiä, näet tämän tiedoston sisällön, erityisesti aiemmin kirjoittamani tyylit. Näin sekä me että verkkosivustomme vierailijat voimme tarkastella AWS:ään tallennettuja tyylejä ja saatamme haluta lainata niitä.
On myös hyvä huomioida, että voimme ladata JavaScript-skriptejä S3:een. Vaikka tämä ei ole paras käytäntö, koska skriptejä täytyy usein muokata ja työskennellä niiden kanssa, meidän tapauksessamme olemme oppimassa, joten tehdään se ja tehostetaan koodiamme!
Alla on skripti, jonka lataamme julkiseen bucketiin:
script.js
Nyt meidän täytyy ladata JavaScript-skripti tiedosto julkiseen bucketiin:
Nyt meidän täytyy käyttää seuraavaa syntaksia lisätäksemme skriptin koodiin linkin kautta:
<script src="https://staging-content-media-cdn.codefinity.com/courses/1118a13a-0288-43c5-8ff9-d51da25c903e/Section2/codefinity-aws-tutor/script-for-turtle.js"></script>
Kun AWS S3:sta lisätty script on mukana, kilpikonnan koodi näyttää tältä:
index.html
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
