Hvernig á að setja upp statíska vefsíðu ókeypis á AWS S3: Leiðbeiningar fyrir byrjendur

2/20/2026
3 min read

Hvernig á að setja upp statíska vefsíðu ókeypis á AWS S3: Leiðbeiningar fyrir byrjendur

Vaxandi notkun skýjaúrvinnslu hefur gert vefsíðuuppsetningu auðveldari, sérstaklega fyrir byrjendur. Þessi leiðbeining mun leiða þig í gegnum hvernig á að setja upp statíska vefsíðu ókeypis á Simple Storage Service (S3) hjá Amazon Web Services (AWS). Með eftirfarandi skrefum munt þú geta byggt og sett upp þína eigin persónulegu vefsíðu og upplifað kraft og þægindi skýjaúrvinnslu.

Fyrsta skref: Undirbúningur

Fyrir en þú byrjar að setja upp, vertu viss um að þú hafir eftirfarandi undirbúning:

  1. AWS reikning: Vinsamlegast heimsæktu AWS heimasíðuna til að skrá þig fyrir AWS reikning.
  2. Grunnþekking á HTML/CSS: Kynntu þér grunnþekkingu á vefsíðugerð og undirbúðu einfaldan statískan vefsíðu. Þú getur notað eftirfarandi einfaldan sniðmát:


    Min statíska vefsíða


# Velkomin á mína statísku vefsíðu!

    Þetta er fyrsta statíska vefsíðan mín.

Vistaðu ofangreinda kóða sem index.html skrá og undirbúðu aðrar nauðsynlegar statískar auðlindir (svo sem myndir, CSS skrár o.s.frv.).

Annað skref: Búa til S3 geymslu

  1. Skráðu þig inn á AWS stjórnborðið, leitaðu að og veldu „S3“ þjónustuna.
  2. Smelltu á „Búa til geymslu“.
  3. Í glugganum sem opnast:
    • Nafn geymslu: Sláðu inn einstakt nafn á geymsluna, svo sem my-static-website-12345.
    • Svæði: Veldu svæði sem er næst þér.
    • Halda öðrum valkostum á sjálfgefinni stillingu, smelltu á „Búa til geymslu“.

Þriðja skref: Stilltu geymsluna

  1. Settu réttindi:
    • Finndu geymsluna sem þú bjóst til, smelltu á hana.
    • Farðu í „Réttindi“ flipa, smelltu á „Geymslupólitík“.
    • Í pólitíkina ritlinum, bættu eftirfarandi pólitík við til að opna aðgang að vefsíðunni þinni:
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my-static-website-12345/*"
        }
    ]
}

Athugið: Vinsamlegast skiptið út my-static-website-12345 fyrir eigin nafn geymslunnar þinnar.

  1. Virkjaðu statíska vefsíðu hýsingu:
    • Farðu aftur á aðal síðu geymslunnar, smelltu á „Eiginleikar“ flipa.
    • Finndu „Statíska vefsíðu hýsingu“, smelltu á „Breyta“.
    • Veldu „Nota þessa geymslu til að hýsa vefsíðu“.
    • Í „Index skjali“ sláðu inn index.html, og smelltu á „Vista breytingar“.

Fjórða skref: Hladdu upp skrám

  1. Á aðal síðu geymslunnar, smelltu á „Hlaða upp“.
  2. Dragðu index.html og aðrar statískar auðlindaskrár (svo sem CSS skrár, myndir) inn í hlaðsvæðið.
  3. Vertu viss um að allar skrár hafi verið hlaðnar upp.

Fimmta skref: Aðgangur að vefsíðunni þinni

  1. Farðu aftur á „Eiginleikar“ flipa geymslunnar, skoðaðu aftur „Statíska vefsíðu hýsingu“ hlutann, þú munt sjá URL sem líkist http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/.
  2. Afritaðu þennan tengil og opnaðu hann í vafranum, þú munt sjá að statíska vefsíðan þín er komin í loftið!

Ábendingar og bestu venjur

  • Forðastu að fara yfir ókeypis kvóta: AWS S3 hefur ókeypis notkunarlag, en vertu viss um að þú fylgir notkunarmörkum til að forðast kostnað.
  • Notaðu útgáfustjórnun: Íhugaðu að nota útgáfustjórnunartól eins og Git til að stjórna vefsíðuskjölunum þínum, til að auka þróunarhagkvæmni.
  • Bættu auðlindir: Notaðu þjappaðar myndir og minnka CSS/JavaScript skrár til að auka hleðsluhraða vefsíðunnar.
  • Reglulega skoðaðu öryggisstillingar: Reglulega skoðaðu réttindi geymslunnar til að tryggja að auðlindir þínar séu ekki aðgengilegar án heimildar.

Niðurstaða

AWS S3 býður upp á þægilegan og hagkvæman hátt til að hýsa statískar vefsíður. Með þessari leiðbeiningu hefurðu lært grunnskrefin við að búa til, stilla og birta fyrstu statísku vefsíðuna þína á AWS. Með þróun tækni geturðu smám saman aukið virkni vefsíðunnar þinnar og lært meira um skýjaúrvinnslu og vefsíðugerð. Velkomin að hefja ferð þína í skýjaúrvinnslu!

Published in Technology

You Might Also Like