Ingyenes erőforrások használata a felhőszerverek gyors elsajátításához: AWS S3 statikus weboldal telepítési útmutató

A felhőszerverek a modern alkalmazásfejlesztés és -telepítés alapkövévé váltak. A felhőszerverek használatának elsajátítása nagymértékben növelheti a szakmai versenyképességedet. Ez a cikk az AWS S3-at használja példaként, hogy elmagyarázza, hogyan használhatsz ingyenes erőforrásokat a felhőszerverek gyors elsajátításához és egy statikus weboldal telepítéséhez. A gyakorlati műveletekre fogunk összpontosítani, hogy segítsünk megérteni a felhőszerverek alapvető fogalmait.

Miért válasszuk az AWS S3-at statikus weboldal telepítéséhez?

• Költséghatékony: Az AWS S3 bizonyos ingyenes tárhelyet és adatátviteli mennyiséget biztosít, ami teljesen kielégítő lehet egyéni projektek vagy kis weboldalak számára.

• Könnyen elsajátítható: Az S3 konfigurálása és kezelése viszonylag egyszerű, így nagyon alkalmas a kezdők számára.

• Magas rendelkezésre állás és skálázhatóság: Az AWS által biztosított globális infrastruktúra garantálja az S3 magas rendelkezésre állását és skálázhatóságát.

• Erős integráció: Az S3 zökkenőmentesen integrálható más AWS szolgáltatásokkal, például a CloudFront (CDN) a statikus erőforrásokhoz való hozzáférés felgyorsítására.

Előkészületek

1. AWS fiók: Szükséged van egy AWS fiókra. Ha még nincs, regisztrálhatsz egy ingyenes fiókot az AWS hivatalos weboldalán. Kérjük, vedd figyelembe, hogy az AWS ingyenes csomagjainak időbeli és erőforrásbeli korlátai vannak, ezért feltétlenül nézd meg a vonatkozó feltételeket.
2. AWS CLI: Az AWS Command Line Interface (CLI) egy parancssori eszköz az AWS szolgáltatásokkal való interakcióhoz. Az AWS CLI telepítése és konfigurálása megkönnyíti az S3 tárolók és fájlok kezelését.
   • AWS CLI telepítése: Az operációs rendszeredtől függően töltsd le és telepítsd az AWS CLI-t az AWS hivatalos weboldaláról.
   • AWS CLI konfigurálása: A telepítés befejezése után nyisd meg a parancssori terminált, futtasd az aws configure parancsot, és a kéréseknek megfelelően add meg az AWS Access Key ID-det, a Secret Access Key-edet, az alapértelmezett régiót (region) és a kimeneti formátumot. Létrehozhatsz felhasználót az AWS IAM vezérlőpultján, és generálhatsz Access Key-t és Secret Key-t.
3. Statikus weboldal fájlok: Készítsd elő a statikus weboldal fájljait, például HTML, CSS, JavaScript és képeket. Helyezd ezeket a fájlokat egy könyvtárba.

Első lépés: S3 tároló létrehozása

1. Bejelentkezés az AWS vezérlőpultjára: Jelentkezz be az AWS vezérlőpultjára az AWS fiókoddal.
2. S3 keresése: A keresőmezőbe írd be az "S3" szót, majd válaszd az "S3" lehetőséget.
3. Tároló létrehozása: Kattints a "Tároló létrehozása" gombra.
4. Tároló konfigurálása:
   • Tároló neve: Adj meg egy globálisan egyedi tárolónevet. A tároló nevének meg kell felelnie az AWS elnevezési szabályainak. Javasoljuk, hogy a projekt nevét vagy a domainnevet tartalmazó nevet használj a könnyebb kezelés érdekében.
   • Régió: Válassz egy olyan régiót, amely a legközelebb van a felhasználóidhoz. A régió kiválasztása befolyásolja a hozzáférési sebességet.
   • Minden nyilvános hozzáférés blokkolása: Töröld a jelölést a "Minden nyilvános hozzáférés blokkolása" jelölőnégyzetből. Engedélyeznünk kell a nyilvános hozzáférést ahhoz, hogy a weboldalt statikus weboldalként tudjuk tárolni. Óvatosan járj el, figyelj a biztonságra!
   • Beállítások megerősítése: Olvasd el a figyelmeztető üzenetet, és jelöld be az "Értem." jelölőnégyzetet. Kattints a "Tároló létrehozása" gombra.

Második lépés: A tároló konfigurálása statikus weboldal tárolására

1. Tároló kiválasztása: Az S3 vezérlőpultján válaszd ki az imént létrehozott tárolót.

2. Lépj a "Tulajdonságok" fülre: Kattints a "Tulajdonságok" fülre.

3. Statikus weboldal tárolása: A "Statikus weboldal tárolása" részben kattints a "Szerkesztés" gombra.

4. Statikus weboldal tárolásának engedélyezése:

   • Engedélyezés: Válaszd az "Engedélyezés" lehetőséget.
   • Indexdokumentum: Add meg a weboldalad kezdőlapjának fájlnevét, ami általában "index.html".
   • Hibadokumentum: (Opcionális) Add meg a hibaoldal fájlnevét, például "error.html". Hiba esetén az S3 ezt az oldalt fogja megjeleníteni.

5. Változtatások mentése: Kattints a "Változtatások mentése" gombra.## Harmadik lépés: Statikus webhely fájlok feltöltése

6. Válassza ki a tárolót: Az S3 konzolon válassza ki az imént létrehozott tárolót.

7. Feltöltés: Kattintson a "Feltöltés" gombra.

8. Fájlok hozzáadása: Kattintson a "Fájlok hozzáadása" gombra, válassza ki a statikus webhely fájljait, vagy húzza a fájlokat közvetlenül a feltöltési területre.

9. Engedélyek beállítása:

   • Objektum tulajdonosa: Győződjön meg arról, hogy az objektum tulajdonosa az Ön AWS-fiókja.
   • Engedélyek: Válassza a "Nyilvános" -> "Mindenki" lehetőséget, és jelölje be az "Objektum olvasása" jelölőnégyzetet. Ez lehetővé teszi, hogy bárki hozzáférjen a statikus webhely fájljaihoz. Óvatosan járjon el, ügyeljen a biztonságra! Egy biztonságosabb módszer a tárolóházirend használata, erről később lesz szó.

10. Feltöltés: Kattintson a "Feltöltés" gombra.

Negyedik lépés: A webhely tesztelése

1. A webhely végpontjának lekérése: Az S3 konzolon válassza ki a tárolót, majd lépjen a "Tulajdonságok" fülre. A "Statikus webhely üzemeltetése" részben megtalálja a webhely végpontját (Endpoint).
2. A webhely elérése: Másolja a webhely végpontját a böngészőbe, és látogassa meg a statikus webhelyet.

Ötödik lépés: Tömeges feltöltés az AWS CLI használatával (opcionális)

Ha sok statikus webhely fájlja van, használhatja az AWS CLI-t a tömeges feltöltéshez.

1. Nyissa meg a parancssori terminált: Nyissa meg a parancssori terminált.

2. Feltöltési parancs: Használja a következő parancsot a statikus webhely fájljainak feltöltéséhez:

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

   • ``: Cserélje le a helyi statikus webhely fájljainak helyét tartalmazó könyvtárra.
   • ``: Cserélje le az S3 tároló nevét.
   • --acl public-read: Állítsa be a feltöltött fájlok engedélyeit nyilvános olvasásra. Óvatosan járjon el, ügyeljen a biztonságra!

Bevált gyakorlatok és tudnivalók

• Tárolóházirend: Ahelyett, hogy minden objektumot nyilvánossá tenne, jobb megoldás a tárolóházirend használata a hozzáférési engedélyek szabályozására. A tárolóházirend egy JSON dokumentum, amely meghatározza, hogy kik férhetnek hozzá a tárolóban lévő erőforrásokhoz. A tárolóházirendet az AWS konzolon vagy az AWS CLI-n keresztül hozhatja létre és kezelheti.

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

  Cserélje le a `` elemet a tényleges tároló nevére. Ez a házirend lehetővé teszi, hogy bárki olvassa a tárolóban lévő összes objektumot.
• Biztonság: Ügyeljen az S3 tároló biztonságára. Kerülje a bizalmas információk tárolását az S3-ban, és rendszeresen vizsgálja felül a tároló hozzáférési engedélyeit.
• Verziókövetés: Az S3 tároló verziókövetésének engedélyezése segíthet a véletlenül törölt vagy felülírt fájlok helyreállításában.
• CloudFront: A CloudFront CDN használatával felgyorsíthatja a statikus webhely elérését, és javíthatja a webhely rendelkezésre állását. A CloudFront a webhely tartalmát a világ minden táján található peremhálózatokon tárolja, így a felhasználók a hozzájuk legközelebb eső csomópontról érhetik el a webhelyet. Ez különösen hasznos a globális felhasználói bázissal rendelkező webhelyek esetében.
• Egyéni domain: A statikus webhelyet egyéni domainhez kötheti, például www.example.com. Konfigurálnia kell a DNS-rekordokat, hogy a domainje a CloudFront által hozzárendelt domainre vagy az S3 tároló végpontjára mutasson.
• Rendszeres biztonsági mentés: Bár az S3 magas rendelkezésre állással rendelkezik, továbbra is javasolt a statikus webhely fájljainak rendszeres biztonsági mentése a váratlan események elkerülése érdekében.
• Költségoptimalizálás: Figyelje az S3 használatát, és kerülje az AWS ingyenes csomagjának korlátozásainak túllépését. Például a ritkán használt fájlok áthelyezhetők a Glacier hidegtárolóba a tárolási költségek csökkentése érdekében.## Egyéb felhőszerver választási lehetőségek

Az AWS S3 mellett más felhőszerver választási lehetőségek is léteznek:

• GitHub Pages/GitLab Pages: Ha a weboldalad tartalma a GitHubon vagy a GitLabon van tárolva, közvetlenül használhatod a Pages szolgáltatásukat, amelyek általában ingyenesek.
• Netlify/Vercel: Kifejezetten statikus weboldalak tárolására tervezett platformok, ingyenes csomagokkal és kényelmes telepítési folyamattal.
• AWS EC2/Google Compute Engine/Azure Virtual Machines: Ha dinamikus alkalmazásokat kell futtatnod, választhatod ezeket a felhőszervereket, de magadnak kell konfigurálnod a szerverkörnyezetet.
• 阿里云 OSS/腾讯云 COS: Kínai felhőtárhely szolgáltatások, amelyek a kínai felhasználók számára alkalmasak.

Összegzés

Ezen útmutató segítségével megismerkedtél azzal, hogyan építhetsz statikus weboldalt az AWS S3 használatával. Ez egy nagyszerű bevezető módja annak, hogy megértsd a felhőszerverek fogalmát és működését. Erre építve tovább tanulhatsz más AWS szolgáltatásokat, és összetettebb és erősebb felhőalkalmazásokat hozhatsz létre. Ne feledkezz meg a biztonságról, a költségek optimalizálásáról és a folyamatos tanulásról, hogy tovább fejlődhess a felhőalapú számítástechnika területén.