Brzi uvod u cloud servere koristeći besplatne resurse: Vodič za postavljanje statičke web stranice na AWS S3

Cloud serveri su postali temelj modernog razvoja i postavljanja aplikacija. Ovladavanje korištenjem cloud servera može značajno poboljšati vašu profesionalnu konkurentnost. Ovaj članak će koristiti AWS S3 kao primjer da objasni kako koristiti besplatne resurse za brzi uvod u cloud servere i postavljanje statičke web stranice. Fokusirat ćemo se na praktične operacije kako bismo vam pomogli da razumijete osnovne koncepte cloud servera.

Zašto odabrati AWS S3 za postavljanje statičke web stranice?

• Visoka isplativost: AWS S3 nudi određenu količinu besplatnog prostora za pohranu i prijenos podataka, što je sasvim dovoljno za osobne projekte ili male web stranice.

• Jednostavan za početak: Konfiguracija i rad S3 su relativno jednostavni, što ga čini vrlo pogodnim za početnike.

• Visoka dostupnost i skalabilnost: Globalna infrastruktura koju pruža AWS jamči visoku dostupnost i skalabilnost S3.

• Snažna integracija: S3 se može neprimjetno integrirati s drugim AWS uslugama, kao što je CloudFront (CDN) za ubrzavanje pristupa statičkim resursima.

Priprema

1. AWS račun: Potreban vam je AWS račun. Ako ga još nemate, možete se registrirati za besplatni račun na službenoj web stranici AWS-a. Imajte na umu da AWS besplatni paket ima vremenska i resursna ograničenja, stoga obavezno provjerite relevantne uvjete.
2. AWS CLI: AWS Command Line Interface (CLI) je alat naredbenog retka koji se koristi za interakciju s AWS uslugama. Instaliranje i konfiguriranje AWS CLI olakšava upravljanje S3 bucketima i datotekama.
   • Instaliranje AWS CLI: Ovisno o vašem operativnom sustavu, preuzmite i instalirajte AWS CLI sa službene web stranice AWS-a.
   • Konfiguriranje AWS CLI: Nakon instalacije, otvorite terminal naredbenog retka i pokrenite naredbu aws configure. Slijedite upute za unos vašeg AWS Access Key ID-a, Secret Access Key-a, zadanog regiona (region) i formata izlaza. Možete stvoriti korisnika i generirati Access Key i Secret Key u AWS IAM kontrolnoj ploči.
3. Datoteke statičke web stranice: Morate pripremiti datoteke svoje statičke web stranice, kao što su HTML, CSS, JavaScript i slike. Stavite ove datoteke u direktorij.

Korak 1: Stvaranje S3 bucketa

1. Prijava na AWS konzolu: Prijavite se na AWS konzolu sa svojim AWS računom.
2. Pretraživanje S3: U okvir za pretraživanje unesite "S3", a zatim odaberite "S3".
3. Stvaranje bucketa: Kliknite gumb "Stvori bucket".
4. Konfiguriranje bucketa:
   • Naziv bucketa: Unesite globalno jedinstveni naziv bucketa. Naziv bucketa mora biti u skladu s AWS pravilima imenovanja. Preporučuje se korištenje naziva koji sadrži naziv vašeg projekta ili domenu radi lakšeg upravljanja.
   • Regija: Odaberite regiju koja je najbliža vašim korisnicima. Odabir regije utječe na brzinu pristupa.
   • Blokiraj sav javni pristup: Poništite potvrdni okvir "Blokiraj sav javni pristup". Moramo dopustiti javni pristup da bismo web stranicu hostirali kao statičku web stranicu. Budite oprezni i obratite pozornost na sigurnost dopuštenja!
   • Potvrda postavki: Pročitajte poruku upozorenja i označite "Razumijem.". Kliknite "Stvori bucket".

Korak 2: Konfiguriranje bucketa za hosting statičke web stranice

1. Odabir bucketa: U S3 kontrolnoj ploči odaberite bucket koji ste upravo stvorili.

2. Ulazak u karticu "Svojstva": Kliknite karticu "Svojstva".

3. Hosting statičke web stranice: U odjeljku "Hosting statičke web stranice" kliknite "Uredi".

4. Omogućavanje hostinga statičke web stranice:

   • Omogući: Odaberite "Omogući".
   • Indeksni dokument: Unesite naziv datoteke početne stranice vaše web stranice, obično "index.html".
   • Dokument pogreške: (Neobavezno) Unesite naziv datoteke stranice s pogreškom, na primjer "error.html". Ako se dogodi pogreška, S3 će prikazati ovu stranicu.

5. Spremanje promjena: Kliknite "Spremi promjene".## Korak 3: Učitavanje datoteka statičke web stranice

6. Odaberite bucket (spremnik): U S3 konzoli, odaberite bucket koji ste upravo kreirali.

7. Učitavanje: Kliknite na gumb "Učitaj".

8. Dodavanje datoteka: Kliknite na gumb "Dodaj datoteke", odaberite datoteke vaše statičke web stranice, ili direktno prevucite datoteke u područje za učitavanje.

9. Postavljanje dozvola:

   • Vlasnik objekta: Potvrdite da je vlasnik objekta vaš AWS račun.
   • Dozvole: Odaberite "Javno" -> "Svi", i označite kućicu "Čitanje objekta". Ovo će omogućiti svima da pristupe datotekama vaše statičke web stranice. Budite oprezni, obratite pažnju na sigurnost dozvola! Sigurniji način je korištenje politike bucketa, što će biti spomenuto kasnije.

10. Učitavanje: Kliknite na gumb "Učitaj".

Korak 4: Testiranje web stranice

1. Dobivanje krajnje točke web stranice: U S3 konzoli, odaberite vaš bucket, a zatim idite na karticu "Svojstva". U odjeljku "Hosting statičke web stranice", možete pronaći krajnju točku (Endpoint) vaše web stranice.
2. Pristup web stranici: Kopirajte krajnju točku web stranice u preglednik, i pristupite vašoj statičkoj web stranici.

Korak 5: Grupno učitavanje pomoću AWS CLI (opcionalno)

Ako imate puno datoteka statičke web stranice, možete koristiti AWS CLI za grupno učitavanje.

1. Otvorite terminal naredbenog retka: Otvorite terminal naredbenog retka.

2. Naredba za učitavanje: Koristite sljedeću naredbu za učitavanje datoteka vaše statičke web stranice:

   aws s3 sync  s3:// --acl public-read
   

   • ``: Zamijenite s direktorijem u kojem se nalaze vaše lokalne datoteke statičke web stranice.
   • ``: Zamijenite s nazivom vašeg S3 bucketa.
   • --acl public-read: Postavlja dozvole za učitane datoteke na javno čitanje. Budite oprezni, obratite pažnju na sigurnost dozvola!

Najbolje prakse i napomene

• Politika bucketa: Osim javnog izlaganja svakog objekta, bolja praksa je korištenje politike bucketa za kontrolu pristupa. Politika bucketa je JSON dokument koji definira tko može pristupiti kojim resursima u bucketu. Možete kreirati i upravljati politikom bucketa putem AWS konzole ili AWS CLI.

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

  Zamijenite `` sa stvarnim imenom vašeg bucketa. Ova politika dopušta bilo kome da čita sve objekte u vašem bucketu.
• Sigurnost: Obavezno obratite pažnju na sigurnost S3 bucketa. Izbjegavajte pohranjivanje osjetljivih informacija u S3, i redovito provjeravajte dozvole pristupa bucketu.
• Kontrola verzija: Omogućavanje kontrole verzija S3 bucketa može vam pomoći da vratite slučajno izbrisane ili prebrisane datoteke.
• CloudFront: Korištenje CloudFront CDN-a može ubrzati brzinu pristupa vašoj statičkoj web stranici, i poboljšati dostupnost web stranice. CloudFront će keširati sadržaj vaše web stranice na rubnim čvorovima diljem svijeta, a korisnici mogu pristupiti vašoj web stranici s čvora koji im je najbliži. Ovo je posebno korisno za web stranice koje imaju globalne korisnike.
• Prilagođena domena: Možete povezati svoju statičku web stranicu s prilagođenom domenom, na primjer www.example.com. Morate konfigurirati DNS zapise, da usmjerite vašu domenu na domenu koju je dodijelio CloudFront ili na krajnju točku S3 bucketa.
• Redovito sigurnosno kopiranje: Iako S3 ima visoku dostupnost, i dalje se preporučuje redovito sigurnosno kopiranje datoteka vaše statičke web stranice, kako biste se zaštitili od neočekivanih situacija.
• Optimizacija troškova: Pratite korištenje S3, i izbjegavajte prekoračenje ograničenja AWS besplatnog paketa. Na primjer, datoteke koje se rijetko koriste mogu se premjestiti u Glacier hladnu pohranu, kako bi se smanjili troškovi pohrane.## Ostali izbori za cloud servere

Pored AWS S3, postoje i drugi izbori za cloud servere:

• GitHub Pages/GitLab Pages: Ako je sadržaj vaše web stranice hostovan na GitHub-u ili GitLab-u, možete direktno koristiti njihove Pages usluge, koje su obično besplatne.
• Netlify/Vercel: Platforme specijalno dizajnirane za hosting statičkih web stranica, nude besplatne pakete i jednostavan proces implementacije.
• AWS EC2/Google Compute Engine/Azure Virtual Machines: Ako trebate pokrenuti dinamičke aplikacije, možete odabrati ove cloud servere, ali ćete morati sami konfigurirati serversko okruženje.
• 阿里云 OSS/腾讯云 COS: Domaće usluge cloud storage-a, pogodne za web stranice namijenjene korisnicima u Kini.

Zaključak

Kroz ovaj vodič, naučili ste kako koristiti AWS S3 za postavljanje statičke web stranice. Ovo je dobar način za početak, koji vam pomaže da razumijete koncept i operacije cloud servera. Na osnovu ovoga, možete dalje učiti druge AWS usluge i izgraditi složenije i moćnije cloud aplikacije. Ne zaboravite obratiti pažnju na sigurnost, optimizirati troškove i nastaviti učiti kako biste napredovali u oblasti cloud computinga.