Ako hostiť statickú webovú stránku v cloude pomocou AWS S3

Verejný cloud je bežnou voľbou pre moderné webové stránky a aplikácie pred súkromným hostingom. Je to spôsobené faktormi, ako je nákladová efektívnosť a škálovateľnosť.

Statická webová lokalita zobrazuje na serveri vopred vytvorené súbory HTML, CSS a JavaScript. Líši sa od dynamickej webovej stránky, ktorá generuje obsah na základe akcií alebo preferencií používateľa.

Vďaka cloudovým platformám je statický hosting webových stránok jednoduchý a lacný. Statický web môžete nasadiť do cloudu pomocou cloudového poskytovateľa AWS.

Čo je AWS S3?

Amazon Simple Storage Service (S3) je služba ukladania dát, ktorú ponúka Amazon. S3 si môžete predstaviť ako webovú platformu poskytovanú spoločnosťou Amazon, kde môžete ukladať súbory a akýkoľvek iný typ údajov v cloude.

AWS S3 je jedným z najpopulárnejších mechanizmov cloudového úložiska dostupných na internete. Dnes je úložiskom mnohých malých aj veľkých webových aplikácií. Príkladom je Netflix, ktorý na ňom hostí všetok svoj streamovaný obsah.

AWS S3 využíva architektúru ukladania objektov, vďaka ktorej je odolný, škálovateľný a vysoko dostupný na použitie v každom prípade. Môžete ho použiť na ukladanie webových aplikácií, zálohovanie, archiváciu údajov, obnovu po havárii a – čo je zaujímavé – hosting webových stránok.

Čo je to S3 Bucket?

V AWS S3 sú úložné jednotky rôznych typov a tým najzákladnejším je objekt – jednoducho súbor. Vedro S3 je zbierka predmetov rôznych typov. Vedro S3 si môžete predstaviť ako koreňový priečinok celého systému, ktorý obsahuje množstvo súborov a priečinkov rôznych druhov.

Vedrá S3 môžete spravovať rôznymi spôsobmi. Môžete to urobiť z konzoly AWS, cez AWS CLI, pomocou AWS SDK a odoslaním resp získavanie údajov vo vašej aplikácii cez REST API.

S3 je škálovateľný, takže vedro pojme takmer akýkoľvek súbor bez ohľadu na jeho typ alebo veľkosť. V skutočnosti môže byť jeden objekt veľký až 5 terabajtov. To je dôvod, prečo je bucket S3 vhodný na zálohovanie a obnovu po havárii.

Objekty uložené v segmente S3 sú zvyčajne prístupné (iba na čítanie) prostredníctvom adresy URL, ktorá je jedinečná pre každý objekt. Môžete tiež použiť vedrá S3 pre statický webhosting, pretože môžu obsluhovať objekty cez HTTP.

Ako potom môžete použiť S3 a možno z neho urobiť predvolenú platformu na hosťovanie statických webových stránok?

Ako vytvoriť vedro S3 a nakonfigurovať ho pre webhosting

Tu je postup krok za krokom na vytvorenie a konfiguráciu vedra Amazon S3. Dozviete sa tiež, ako povoliť statický webhosting v vedre.

Ak chcete nasledovať, mali by ste registrácia účtu AWS ak ho ešte nemáte. Ak chcete vytvoriť segment S3 na hosťovanie svojej statickej webovej stránky, prihláste sa do konzoly AWS a postupujte podľa piatich krokov uvedených nižšie.

1. Vyhľadajte službu S3 a prejdite na ovládací panel S3.
2. Klikni na Vytvorte vedro tlačidlo na konfiguráciu a vytvorenie nového vedra.
3. Prvá vec, ktorú musíte urobiť na obrazovke konfigurácie vedra, je dať svojmu segmentu globálne jedinečný názov. S3 vám zabráni vytvoriť vedro, ak je názov už zadaný. Vyberte preferovanú oblasť pre svoj segment alebo ponechajte oblasť vybratú predvolene. Ponechajte tiež časť „Vlastníctvo objektu“ ako predvolenú.
4. Ak chcete hostiť statické webové stránky na S3, musíte daný segment sprístupniť verejnosti. Takže v ďalšom kroku zrušte začiarknutie Zablokujte všetok verejný prístup možnosť. Potom potvrďte vo výzve s upozornením, ktorá sa zobrazí pod ňou, že súhlasíte s jej zverejnením. Verzia segmentu sa nevyžaduje, preto by ste ho mali zakázať.
5. Posledné 3 kroky nemusia nevyhnutne vyžadovať vašu akciu. Ak chcete, môžete pridať značky, ako napríklad vzorová značka tu, ktorá je „popis“. Ponechajte predvolené šifrovanie vypnuté a kliknite na Vytvorte vedro tlačidlo na vytvorenie nového vedra.

Ďalším krokom je konfigurácia nového vedra S3 pre statický webhosting. Ak to chcete urobiť, kliknite na názov segmentu na ovládacom paneli S3 a na novej obrazovke, ktorá sa načíta, prejdite na Vlastnosti tab.

Prejdite nadol na Statický hosting webových stránok a kliknite na položku Upraviť tlačidlo. Tým sa otvorí obrazovka konfigurácie statickej webovej stránky.

Povoľte ho a ponechajte typ hosťovania ako predvolený. Poznámka na tejto obrazovke hovorí: „Aby vaši zákazníci mali prístup k obsahu na koncovom bode webovej lokality, musíte urobiť všetok svoj obsah verejne čitateľným...“. To je dôvod, prečo bolo potrebné povoliť verejný prístup pri vytváraní vedra skôr.

The Indexový dokument pole je miesto, kde zadávate indexový súbor vašej webovej lokality, ktorý je zvyčajne index.html. The Chybový dokument je stránka, ktorú chcete zobraziť vždy, keď sa vyskytne chyba, ako napr chyba 404.

Uložte zmeny a vráťte sa na obrazovku vlastností. Mali by ste si všimnúť nový Koncový bod webu segmentu v Statický hosting webových stránok oddiele. Po dokončení nastavenia budete môcť túto webovú adresu použiť na prístup na svoj web.

Teraz máte svoj segment nakonfigurovaný a pripravený na hosťovanie statickej webovej stránky. Ako potom pridáte súbory svojich webových stránok do vedra a zobrazíte svoje webové stránky?

Ako nahrať súbory a priečinky do S3 Bucket

Ak chcete hostiť svoju statickú webovú stránku v cloude na S3, musíte nahrať svoje súbory a priečinky do nakonfigurovaného segmentu S3. Prejdite späť na kartu objektov a kliknutím na ľubovoľné tlačidlo nahrávania nahrajte súbory svojej webovej lokality.

Na ďalšej obrazovke môžete pridať súbory a priečinky, ktoré chcete nahrať do vedra. Uistite sa, že ste sem pridali svoj súbor index.html a každý ďalší súbor alebo priečinok priradený k vašej webovej lokalite. Priečinky, ktoré možno budete chcieť pridať, sú vaše priečinky CSS, JavaScript a obrázkov.

Súbory a priečinky môžete pridávať buď presunutím myšou, alebo pomocou tlačidla „Pridať súbory“ alebo „Pridať priečinky“. Po pridaní všetkých súborov a priečinkov kliknite na tlačidlo nahrať na konci obrazovky. Počkajte na nahranie súborov a potom sa môžete kliknutím na tlačidlo zavrieť vrátiť na obrazovku „Objekty“.

Ako zabezpečiť a zobraziť ukážku nasadenej webovej stránky

V tejto fáze sme takmer hotoví a web je takmer pripravený na náhľad v prehliadači. Stránka sa zatiaľ nedá otvoriť kvôli Amazonu Správa identity a prístupu politiky, ktoré bránia prístupu k zdrojom v vedre.

Musíte sami povoliť prístup k zdrojom vedra. Prejdite na kartu povolení na informačnom paneli segmentu a upravte pravidlá segmentu. Skopírujte a prilepte kód uvedený nižšie a nahraďte „názov webovej stránky“ názvom svojho segmentu.

{
"Verzia": "2012-10-17",
"Vyhlásenie": [ {
"Sid": "AddPerm",
"Effect": "Povoliť",
"riaditeľ": "*",
"Akcia": "s3:GetObject",
"Zdroj": "arn: aws: s3website-name/*"
 } ] 
}

Uložte zmeny a znova prejdite na kartu vlastností, aby ste získali adresu URL webových stránok zo sekcie statických webových stránok. Skopírujte a prilepte adresu URL do prehliadača a uvidíte svoj statický web.

Hostenie statických stránok v cloude je bezpečnejšou a škálovateľnejšou alternatívou hosťovanie statických webových stránok na stránkach Github. Najmä pre stránky s ťažkými multimediálnymi súbormi.

Nasadenie statických webových stránok v cloude

Nasadenie statickej webovej stránky v cloude pomocou AWS S3 je celkom jednoduché. Mali by ste zvážiť získanie vlastného názvu domény pre konečnú produkčnú lokalitu.

Amazon ponúka svoju vlastnú službu názvu domény, Route 53. Môžete sa tiež pozrieť na iných poskytovateľov DNS a získať názov domény podľa vlastného výberu.

Cloud je cenovo veľmi efektívny a ľahko sa používa. Zvážte jeho predvolenú voľbu pre statický hosting webových stránok.