Hosting af en HTML-side på S3
Stryg for at vise menuen
Da vi har hostet forskellige elementer som scripts og styles i vores offentlige S3-bucket, har du måske overvejet at hoste en komplet HTML-side eller et statisk website på S3-bucketten. Lær hvordan dette gøres på en offentlig S3-bucket, som kan tilgås via et link.
Hosting af en HTML-side på AWS S3
Til at starte med anbefales det at oprette en separat mappe i bucketten, hvor alle ressourcer relateret til denne webside gemmes for nemmere administration og udvikling:
Nu skal vi som sædvanligt uploade HTML-filen til vores offentlige bucket.
Den HTML-fil, vi skal uploade, ser sådan ud:
index.html
Cloud-teknologier bruges til at importere Bootstrap samt til billedet, som fungerer som vores avatar i porteføljen.
Nu uploader vi den til S3-bucket:
Nu skal vi blot følge dette link til denne bucket, og vi har vores HTML-side, som fungerer som vores portefølje, lige foran os.
Det mest interessante er, at denne side ligger i skyen, og vi vil altid have adgang til den.
Statisk webside
Der findes en anden måde at hoste en webside på S3, og denne metode er mere specialiseret til websider. Lad os se, hvordan det gøres.
Først skal vi oprette en ny bucket og uploade HTML-filen, som skal være hovedsiden for vores statiske hjemmeside.
For at gøre dette skal vi oprette en ny bucket og uploade HTML-filen med porteføljen:
Det er god praksis at oprette en separat mappe og uploade CSS-stilarter, JavaScript-scripts, forskellige mediefiler og andet materiale, der hører til din statiske hjemmeside, der.
Dernæst går vi til "Properties fanen" og ruller ned til bunden af siden. Vi leder efter sektionen kaldet "Static website hosting", som vist på skærmbilledet nedenfor:
Vi åbner denne sektion og vælger "Aktivér" i rækken "Statisk website-hosting".
Herefter skal vi angive indeksdokumentet, som i dette tilfælde er portfolio.html. Hvis du har en side til fejlhåndtering, kan du også angive den.
Til sidst skal siden blot gemmes.
Bemærk, at for at siden skal være tilgængelig for brugere og for dig på internettet, skal du konfigurere dens tilgængelighed på samme måde, som vi gjorde med vores tidligere bucket.
Dernæst skal vi gemme ændringerne, og Amazon vil give os et link til vores statiske hjemmeside, som du kan finde nederst:
Nu, når du besøger dette link, vil du kunne se vores HTML-side hostet på AWS S3:
Vær opmærksom på, at dette ikke er den bedste måde at hoste et website på; der findes specialiserede tjenester til det, såsom Amazon EC2.
På S3 kan vi hoste små statiske websites, men det er muligvis ikke tilstrækkeligt til større applikationer.
Hosting på S3 er meget ligetil, og nu ved du, hvordan du uploader og gemmer dine medier der.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Hosting af en HTML-side på S3
Da vi har hostet forskellige elementer som scripts og styles i vores offentlige S3-bucket, har du måske overvejet at hoste en komplet HTML-side eller et statisk website på S3-bucketten. Lær hvordan dette gøres på en offentlig S3-bucket, som kan tilgås via et link.
Hosting af en HTML-side på AWS S3
Til at starte med anbefales det at oprette en separat mappe i bucketten, hvor alle ressourcer relateret til denne webside gemmes for nemmere administration og udvikling:
Nu skal vi som sædvanligt uploade HTML-filen til vores offentlige bucket.
Den HTML-fil, vi skal uploade, ser sådan ud:
index.html
Cloud-teknologier bruges til at importere Bootstrap samt til billedet, som fungerer som vores avatar i porteføljen.
Nu uploader vi den til S3-bucket:
Nu skal vi blot følge dette link til denne bucket, og vi har vores HTML-side, som fungerer som vores portefølje, lige foran os.
Det mest interessante er, at denne side ligger i skyen, og vi vil altid have adgang til den.
Statisk webside
Der findes en anden måde at hoste en webside på S3, og denne metode er mere specialiseret til websider. Lad os se, hvordan det gøres.
Først skal vi oprette en ny bucket og uploade HTML-filen, som skal være hovedsiden for vores statiske hjemmeside.
For at gøre dette skal vi oprette en ny bucket og uploade HTML-filen med porteføljen:
Det er god praksis at oprette en separat mappe og uploade CSS-stilarter, JavaScript-scripts, forskellige mediefiler og andet materiale, der hører til din statiske hjemmeside, der.
Dernæst går vi til "Properties fanen" og ruller ned til bunden af siden. Vi leder efter sektionen kaldet "Static website hosting", som vist på skærmbilledet nedenfor:
Vi åbner denne sektion og vælger "Aktivér" i rækken "Statisk website-hosting".
Herefter skal vi angive indeksdokumentet, som i dette tilfælde er portfolio.html. Hvis du har en side til fejlhåndtering, kan du også angive den.
Til sidst skal siden blot gemmes.
Bemærk, at for at siden skal være tilgængelig for brugere og for dig på internettet, skal du konfigurere dens tilgængelighed på samme måde, som vi gjorde med vores tidligere bucket.
Dernæst skal vi gemme ændringerne, og Amazon vil give os et link til vores statiske hjemmeside, som du kan finde nederst:
Nu, når du besøger dette link, vil du kunne se vores HTML-side hostet på AWS S3:
Vær opmærksom på, at dette ikke er den bedste måde at hoste et website på; der findes specialiserede tjenester til det, såsom Amazon EC2.
På S3 kan vi hoste små statiske websites, men det er muligvis ikke tilstrækkeligt til større applikationer.
Hosting på S3 er meget ligetil, og nu ved du, hvordan du uploader og gemmer dine medier der.
Tak for dine kommentarer!
