Kako besplatno postaviti statičku web stranicu na AWS S3: Vodič za početnike

Popularnost oblaka učinila je postavljanje web stranica jednostavnijim, posebno za početnike. Ovaj vodič će vas provesti kroz proces besplatnog postavljanja statične web stranice na Amazon Web Services (AWS) Simple Storage Service (S3). Slijedeći ove korake, moći ćete izgraditi i pokrenuti svoju osobnu web stranicu, doživjeti moć i pogodnosti oblaka.

Prvi korak: Priprema

Prije nego što započnete s postavljanjem, osigurajte da imate sljedeće:

1. AWS račun: Posjetite AWS službenu stranicu i registrirajte AWS račun.
2. Osnovno znanje o HTML-u/CSS-u: Razumijevanje osnovnih znanja o izradi web stranica, pripremite jednostavnu statičnu web stranicu. Možete koristiti sljedeći jednostavni predložak:

    Moja statična web stranica


# Dobrodošli na moju statičnu web stranicu!

    Ovo je moja prva statična web stranica.

Spremite gornji kod kao index.html datoteku i pripremite ostale potrebne statične resurse (poput slika, CSS datoteka itd.).

Drugi korak: Kreiranje S3 spremnika

1. Prijavite se na AWS upravljačku konzolu, potražite i odaberite uslugu "S3".
2. Kliknite na "Kreiraj spremnik".
3. U iskačućem prozoru:
   • Ime spremnika: Unesite jedinstveno ime spremnika, na primjer my-static-website-12345.
   • Regija: Odaberite regiju koja vam je najbliža.
   • Ostavite ostale opcije na zadanim postavkama, kliknite "Kreiraj spremnik".

Treći korak: Konfiguracija spremnika

1. Postavljanje dozvola:
   • Pronađite nedavno kreirani spremnik, kliknite na njega.
   • Idite na karticu "Dozvole", kliknite na "Politika spremnika".
   • U uređivaču politika dodajte sljedeću politiku za javni pristup vašoj web stranici:

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my-static-website-12345/*"
        }
    ]
}

Napomena: Zamijenite my-static-website-12345 s imenom vašeg spremnika.

2. Omogućavanje statičnog web hostinga:
   • Vratite se na glavnu stranicu spremnika, kliknite na karticu "Atributi".
   • Pronađite "Statično web hostovanje", kliknite na "Uredi".
   • Odaberite "Koristi ovaj spremnik za hostovanje web stranice".
   • U "Indeks dokumentu" unesite index.html, a zatim kliknite "Spremi promjene".

Četvrti korak: Učitavanje datoteka

1. Na glavnoj stranici spremnika, kliknite na "Učitaj".
2. Povucite index.html i ostale statične resurse (poput CSS datoteka, slika) u područje za učitavanje.
3. Provjerite jesu li sve datoteke uspješno učitane.

Peti korak: Pristupite svojoj web stranici

1. Vratite se na karticu "Atributi" spremnika, ponovno provjerite dio "Statično web hostovanje", vidjet ćete URL sličan http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/.
2. Kopirajte ovu vezu i otvorite je u pregledniku, vidjet ćete da je vaša statična web stranica online!

Savjeti i najbolje prakse

• Izbjegavajte prekoračenje besplatnog ograničenja: AWS S3 ima besplatni sloj, ali osigurajte da slijedite ograničenja korištenja kako biste izbjegli troškove.
• Koristite kontrolu verzija: Razmislite o korištenju alata za kontrolu verzija poput Gita za upravljanje datotekama vaše web stranice, poboljšavajući učinkovitost razvoja.
• Optimizirajte resurse: Koristite komprimirane slike i minimizirane CSS/JavaScript datoteke kako biste poboljšali brzinu učitavanja web stranice.
• Redovito provjeravajte sigurnosne postavke: Redovito pregledavajte dozvole spremnika kako biste osigurali da vaši resursi nisu izloženi neovlaštenom pristupu.

Zaključak

AWS S3 pruža jednostavan i ekonomičan način za hostovanje statičnih web stranica. Kroz ovaj vodič, naučili ste osnovne korake za kreiranje, konfiguraciju i objavljivanje vaše prve statične web stranice na AWS-u. Kako tehnologija napreduje, možete postupno proširiti funkcionalnost svoje web stranice i naučiti više o oblaku i razvoju web stranica. Dobrodošli u vašu cloud avanturu!