Lagring av kodefragmenter på AWS S3
Sveip for å vise menyen
Vi laget litt HTML-kode som lar oss mate skilpadden, og i denne koden brukte vi et bilde som vi lastet opp til AWS S3 i en offentlig bøtte. Du har kanskje lagt merke til at det var ganske upraktisk å lese koden direkte derfra på grunn av det store antallet stiler.
Dette leder oss til ideen om at vi også kan laste opp enkelte kodefragmenter til AWS S3, på samme måte som vi gjør med bilder. For eksempel, i vårt tilfelle, ville det vært veldig praktisk å laste opp CSS-stiler for våre HTML-sider eller applikasjoner til AWS, noe som hjelper oss å holde koden ryddigere og mer organisert.
Å administrere disse stilene vil være enkelt fordi hvis vi trenger å oppdatere stilene på tvers av alle forekomster, kan vi bare redigere noen få linjer med kode i S3-filen, noe som vil gjøre endringene gjeldende på alle sider som refererer til lenken.
La oss se på stilfilen jeg ønsker å laste opp til lagringen:
style.css
For å legge til en fil med stiler i AWS S3, må vi først opprette filen og laste den opp til vår public bucket:
For å bruke disse CSS-stilene i HTML-koden din, trenger du bare å bruke en enkel syntaks:
<link rel="stylesheet" href="link to your CSS styles here">
Når vi skal koble til stilene våre, vil denne linjen se slik ut:
<link rel="stylesheet" href="https://codefinity-aws-course.s3.eu-north-1.amazonaws.com/styles_for_turtle.css">
La oss se hvor mye koden vår blir redusert etter disse endringene, og hvordan den ser ut nå:
index.html
Hvis du klikker og følger denne lenken, vil du se innholdet i denne filen, spesielt stilene jeg skrev tidligere. På denne måten kan både vi og besøkende på nettstedet vårt se stilene som er lagret på AWS og kanskje ønske å låne dem fra oss.
Det er også verdt å merke seg at vi kan laste opp JavaScript-skript til S3. Selv om dette ikke er beste praksis fordi skript ofte krever redigering og arbeid med dem, er vi i vårt tilfelle i en læringssituasjon, så la oss gjøre det for å forenkle koden vår ytterligere!
Nedenfor er skriptet vi skal laste opp til vår offentlige bøtte:
script.js
Nå må vi laste opp JavaScript-script-filen til vår offentlige bøtte:
Nå må vi bruke følgende syntaks for å legge til scriptet i koden via lenken:
<script src="https://staging-content-media-cdn.codefinity.com/courses/1118a13a-0288-43c5-8ff9-d51da25c903e/Section2/codefinity-aws-tutor/script-for-turtle.js"></script>
Etter å ha lagt til scriptet fra AWS S3, vil koden vår for turtle se slik ut:
index.html
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
