Hosting av en HTML-side på S3
Sveip for å vise menyen
Siden vi har vært vert for ulike elementer som skript og stilark i vår offentlige S3-bøtte, har du kanskje vurdert å være vert for en full HTML-side eller et statisk nettsted på S3-bøtten. Lær hvordan du gjør dette på en offentlig S3-bøtte, tilgjengelig via en lenke.
Hosting av en HTML-side på AWS S3
For å begynne anbefales det å opprette en egen mappe i bøtten hvor vi lagrer alle ressursene knyttet til denne nettsiden for enklere administrasjon og utvikling:
Nå, som vanlig, må vi laste opp HTML-filen til vår offentlige bøtte.
HTML-filen vi skal laste opp ser slik ut:
index.html
Skytjenester brukes til å importere Bootstrap samt for bildet, som fungerer som vår avatar i porteføljen.
Nå laster vi det opp til S3-bøtten:
Nå trenger vi bare å følge lenken til denne bøtten, og vi har vår HTML-side, som fungerer som vår portefølje, rett foran oss.
Det mest interessante er at denne siden ligger i skyen, og vi vil alltid ha tilgang til den.
Statisk nettside
Det finnes en annen måte å publisere en nettside på via S3, og denne metoden er mer spesialisert for nettsider. La oss se hvordan dette gjøres.
Først må vi opprette en ny bøtte og laste opp HTML-filen som skal være hovedsiden for vårt statiske nettsted.
For å gjøre dette, oppretter vi en ny bøtte og laster opp HTML-filen med porteføljen:
Det er god praksis å opprette en egen mappe og laste opp CSS-stiler, JavaScript-skript, ulike mediefiler og annet materiale tilknyttet ditt statiske nettsted der.
Deretter går vi til "Properties-fanen" og blar ned til bunnen av siden. Vi ser etter seksjonen kalt "Static website hosting", som vist i skjermbildet nedenfor:
Vi åpner denne seksjonen og velger "Aktiver" i raden "Statisk nettsidehosting".
Deretter må vi angi indeksdokumentet, som i vårt tilfelle er portfolio.html. Hvis du har en feilhåndteringsside, kan du angi den også.
Til slutt, bare lagre siden.
Husk at for at siden skal være tilgjengelig for brukere og for deg på internett, må du konfigurere tilgjengeligheten slik vi gjorde med vår forrige bøtte.
Deretter må vi lagre endringene, og Amazon vil gi oss en lenke til vårt statiske nettsted, som du finner nederst:
Nå, når du besøker denne lenken, vil du kunne se vår HTML-side hostet på AWS S3:
Husk at dette ikke er den beste måten å hoste et nettsted på; det finnes spesialiserte tjenester for dette, som Amazon EC2.
På S3 kan vi hoste små statiske nettsteder, men det er kanskje ikke tilstrekkelig for større applikasjoner.
Hosting på S3 er ganske enkelt, og nå vet du hvordan du kan laste opp og lagre mediefiler der.
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
Hosting av en HTML-side på S3
Siden vi har vært vert for ulike elementer som skript og stilark i vår offentlige S3-bøtte, har du kanskje vurdert å være vert for en full HTML-side eller et statisk nettsted på S3-bøtten. Lær hvordan du gjør dette på en offentlig S3-bøtte, tilgjengelig via en lenke.
Hosting av en HTML-side på AWS S3
For å begynne anbefales det å opprette en egen mappe i bøtten hvor vi lagrer alle ressursene knyttet til denne nettsiden for enklere administrasjon og utvikling:
Nå, som vanlig, må vi laste opp HTML-filen til vår offentlige bøtte.
HTML-filen vi skal laste opp ser slik ut:
index.html
Skytjenester brukes til å importere Bootstrap samt for bildet, som fungerer som vår avatar i porteføljen.
Nå laster vi det opp til S3-bøtten:
Nå trenger vi bare å følge lenken til denne bøtten, og vi har vår HTML-side, som fungerer som vår portefølje, rett foran oss.
Det mest interessante er at denne siden ligger i skyen, og vi vil alltid ha tilgang til den.
Statisk nettside
Det finnes en annen måte å publisere en nettside på via S3, og denne metoden er mer spesialisert for nettsider. La oss se hvordan dette gjøres.
Først må vi opprette en ny bøtte og laste opp HTML-filen som skal være hovedsiden for vårt statiske nettsted.
For å gjøre dette, oppretter vi en ny bøtte og laster opp HTML-filen med porteføljen:
Det er god praksis å opprette en egen mappe og laste opp CSS-stiler, JavaScript-skript, ulike mediefiler og annet materiale tilknyttet ditt statiske nettsted der.
Deretter går vi til "Properties-fanen" og blar ned til bunnen av siden. Vi ser etter seksjonen kalt "Static website hosting", som vist i skjermbildet nedenfor:
Vi åpner denne seksjonen og velger "Aktiver" i raden "Statisk nettsidehosting".
Deretter må vi angi indeksdokumentet, som i vårt tilfelle er portfolio.html. Hvis du har en feilhåndteringsside, kan du angi den også.
Til slutt, bare lagre siden.
Husk at for at siden skal være tilgjengelig for brukere og for deg på internett, må du konfigurere tilgjengeligheten slik vi gjorde med vår forrige bøtte.
Deretter må vi lagre endringene, og Amazon vil gi oss en lenke til vårt statiske nettsted, som du finner nederst:
Nå, når du besøker denne lenken, vil du kunne se vår HTML-side hostet på AWS S3:
Husk at dette ikke er den beste måten å hoste et nettsted på; det finnes spesialiserte tjenester for dette, som Amazon EC2.
På S3 kan vi hoste små statiske nettsteder, men det er kanskje ikke tilstrekkelig for større applikasjoner.
Hosting på S3 er ganske enkelt, og nå vet du hvordan du kan laste opp og lagre mediefiler der.
Takk for tilbakemeldingene dine!
