Brzi uvod u poslužitelje u oblaku koristeći besplatne resurse: Vodič za implementaciju statičke web stranice na AWS S3

Poslužitelji u oblaku postali su temelj modernog razvoja i implementacije aplikacija. Ovladavanje korištenjem poslužitelja u oblaku može uvelike poboljšati vašu profesionalnu konkurentnost. Ovaj će članak koristiti AWS S3 kao primjer za objašnjenje kako koristiti besplatne resurse za brzi uvod u poslužitelje u oblaku i implementaciju statičke web stranice. Usredotočit ćemo se na praktične operacije kako bismo vam pomogli razumjeti osnovne koncepte poslužitelja u oblaku.

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

• Visoka isplativost: AWS S3 nudi određeni besplatni prostor za pohranu i količinu prijenosa 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: Trebate 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 svakako 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, zadane regije (region) i izlaznog formata. Možete stvoriti korisnika i generirati Access Key i Secret Key u AWS IAM konzoli.
3. Statičke datoteke web stranice: Morate pripremiti datoteke svoje statičke web stranice, kao što su HTML, CSS, JavaScript i slike itd. Stavite te datoteke u direktorij.

Korak 1: Stvaranje S3 bucketa

1. Prijava u AWS konzolu: Prijavite se u 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 domene 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 kako bismo web stranicu mogli hostirati kao statičku web stranicu. Budite oprezni i obratite pozornost na sigurnost dopuštenja!
   • Potvrdite postavke: Pročitajte poruku upozorenja i označite "Razumijem.". Kliknite "Stvori bucket".

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

1. Odaberite bucket: U S3 konzoli odaberite bucket koji ste upravo stvorili.

2. Uđite u karticu "Svojstva": Kliknite karticu "Svojstva".

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

4. Omogućite hostiranje 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. Spremi promjene: Kliknite "Spremi promjene".## Korak 3: Učitavanje datoteka statičke web stranice

6. Odaberite spremnik (bucket): U S3 konzoli, odaberite spremnik 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 izravno povucite 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 potvrdni okvir "Čitanje objekta". Ovo će omogućiti svima pristup datotekama vaše statičke web stranice. Budite oprezni i obratite pozornost na sigurnost dozvola! Sigurniji način je korištenje pravila spremnika, š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 svoj spremnik, 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 svojoj statičkoj web stranici.

Korak 5: Skupno učitavanje pomoću AWS CLI (izborno)

Ako imate mnogo datoteka statičke web stranice, možete koristiti AWS CLI za skupno 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 spremnika.
   • --acl public-read: Postavlja dozvole za učitane datoteke na javno čitanje. Budite oprezni i obratite pozornost na sigurnost dozvola!

Najbolje prakse i napomene

• Pravila spremnika: Osim javnog objavljivanja svakog objekta, bolja je praksa koristiti pravila spremnika za kontrolu pristupa. Pravila spremnika su JSON dokument koji definira tko može pristupiti kojim resursima u spremniku. Možete kreirati i upravljati pravilima spremnika 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 spremnika. Ovo pravilo dopušta svima da čitaju sve objekte u vašem spremniku.
• Sigurnost: Obavezno obratite pozornost na sigurnost S3 spremnika. Izbjegavajte pohranjivanje osjetljivih informacija u S3 i redovito provjeravajte dozvole pristupa spremniku.
• Kontrola verzija: Omogućavanje kontrole verzija S3 spremnika može vam pomoći da vratite slučajno izbrisane ili prebrisane datoteke.
• CloudFront: Korištenje CloudFront CDN-a može ubrzati pristup vašoj statičkoj web stranici i poboljšati dostupnost web stranice. CloudFront će predmemorirati 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 s globalnim korisnicima.
• Prilagođena domena: Možete povezati svoju statičku web stranicu s prilagođenom domenom, na primjer www.example.com. Morate konfigurirati DNS zapise koji će vašu domenu usmjeriti na domenu koju je dodijelio CloudFront ili na krajnju točku S3 spremnika.
• 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 spriječili neočekivane situacije.
• Optimizacija troškova: Pratite svoju upotrebu S3 i izbjegavajte prekoračenje ograničenja AWS besplatnog plana. Na primjer, datoteke koje se rijetko koriste mogu se premjestiti u Glacier hladnu pohranu kako bi se smanjili troškovi pohrane.## Ostale opcije za cloud servere

Osim AWS S3, postoje i druge opcije za cloud servere:

• GitHub Pages/GitLab Pages: Ako je sadržaj vaše web stranice hostiran na GitHubu ili GitLabu, možete izravno koristiti njihove Pages usluge, koje su obično besplatne.
• Netlify/Vercel: Platforme posebno 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 okruženje servera.
• 阿里云 OSS/腾讯云 COS: Domaće usluge pohrane u oblaku, prikladne za web stranice namijenjene korisnicima u Kini.

Zaključak

Kroz ovaj vodič, naučili ste kako postaviti statičku web stranicu pomoću AWS S3. Ovo je dobar način za početak, koji vam pomaže razumjeti koncepte i operacije cloud servera. Na temelju toga, možete dalje učiti druge AWS usluge i izgraditi složenije i moćnije cloud aplikacije. Ne zaboravite obratiti pozornost na sigurnost, optimizirati troškove i kontinuirano učiti kako biste napredovali u području računalstva u oblaku.