Hogyan lehet ingyenesen elindítani egy oldalt az AWS-en 15 perc alatt

Ha Ön teljesen új az Amazon Web Services (AWS) iránt, akkor az lélekszorítóan bonyolulttá válhat.

Nem csak úgy tűnik, mintha egy ezer különböző szolgáltatások közül választhatnak, amelyek mindegyike egyformán rejtélyes név (pl S3, Lambda, EC2, vagy Athena), de ott is olyan sokkonfigurálásához.

El kell döntenie, hogy mennyi memóriát rendeljen a funkcióihoz, a világ mely földrajzi régiójától szeretné kiszolgálni a kódját, és fel kell építenie egy furcsa JSON objektumot az engedélyek megadásához? TÉNYLEG könnyű bemeríteni a lábujjait, és úgy dönteni, hogy túl zavaró a kezdéshez.

Ha ez leírja eddigi tapasztalatait, akkor jó - ez a cikk az Ön számára.

Pontosan ugyanabban a hajóban voltam hosszabb ideig, mint amennyit szívesen beismernék.

De minden félelmetes összetettsége ellenére van valami az AWS-ben, amely folyamatosan hívja Önt.

Megvan a sebesség, a megbízhatóság, és még csak a szakmai befolyás is, hogy elmondhassa, hogy van tapasztalata az AWS-ről.

De, mint bármi mással, ha el akarja kezdeni, akkor meg kell tennie az első lépést. Tehát ebben a cikkben az a célom, hogy ezt könnyűvé tegyem. El akarok jutni arra a pontra, hogy azt mondhassa: "Telepítettem egy projektet az AWS-en."

Sokkal könnyebb lesz, mint gondolná, és ad egy pontot, ahonnan kezdheti felfedezni az AWS egyéb szolgáltatásait.

0. lépés: Mit kell követnie

A lista rövid, de gondoltam, hogy elé és középre teszem, hogy az elejétől kezdve egyértelmű legyen.

  1. Működő hitelkártya / bankkártya (ne aggódjon, minden ingyenes, mint a cím mondja. De AWS-fiók létrehozásához hitelkártya-információkat kell megadnia)
  2. Kezelői kód, amelyet feltölthet és tárolhat az AWS-en. Ez olyan egyszerű lehet, mint egy HTML-dokumentum

    Hello World

    a testben.

1. lépés: Hozzon létre AWS-fiókot

Hogy őszinte legyek, többször megálltam ezen a ponton, egyszerűen azért, mert ez egyike volt azoknak az „ingyenes próbaidőszaknak, de a hitelkártya adatait kérik” helyzeteknek, amelyeknek elvileg hajlamos vagyok ellenállni.

De a 12 hónapos ingyenes szint nagyon elképesztő. A teljes év hosszú idő ahhoz, hogy kísérletezhessünk az AWS-en, mielőtt eldöntenénk, érdemes-e tovább használni. (Semmilyen módon nem állok kapcsolatban az AWS-szel, csak a tudomásomra).

Tehát kövesse ezt a linket, és hozza létre fiókját: AWS Free Tier.

Tudom, hogy egyesek aggódhatnak a szabad terv korlátozásai miatt. Például havi felső határt szab a GET és a PUT kéréseknek (20 000, illetve 2000), amely után megkezdődik a számlázás.

De amíg egyelőre csak kísérletezésre és tanulásra használja ezt, addig nagyjából esély sincs a korlátok túllépésére.

És ha mégis megtenné, a felső határ túllépésének ára általában egy fillér töredéke 1000 kérésre.

2. lépés: Hozzon létre egy S3 vödröt a projektjéhez / webhelyéhez

Annak érdekében, hogy a dolgok a lehető legegyszerűbbek legyenek, az egyetlen AWS szolgáltatás, amelyet ehhez a projekthez fogunk használni, a Simple Storage Service (vagy S3) lesz, amely az Amazon egyik felhőtárolási szolgáltatása.

Az S3 kicsit úgy viselkedik, mint a Google Drive vagy a Dropbox. De konfigurálható a fájlok kiszolgálására is, nem pedig csak tárolásra, ezt fogjuk tenni.

Mivel csak az S3-on tárolt fájlokat fogjuk kiszolgálni, ez egy statikus webhely lesz, háttérprogramok és kapcsolatok nélkül az adatbázishoz.

Most, hogy van egy AWS-fiókja, jelentkezzen be a Kezelői konzolba (ide hivatkozva), és kattintson a főmenü bal felső sarkában található „Szolgáltatások” elemre.

Látni fogja azt az elképesztően nagy szolgáltatási lehetőségek listáját, amelyet az elején említettem. Ne aggódjon mindezek miatt, csak kattintson az „S3” elemre a „Tárolás” részben.

Ezzel az S3 oldalra jut, ahol különböző „vödröket” hozhat létre a különböző projektek tárolására.

A vödrök olyanok, mint a mappák az asztalon. De az S3 dokumentumtároló rendszere nem követi a hagyományos mappastruktúrát (erről bővebben, ha érdekel). Tehát ehelyett a „vödör” tűnik a megfelelő szónak.

Kattintson a bal felső sarokban található nagy kék gombra, a „Készítsen vödröt” elnevezéssel, hogy létrehozzon egy vödröt, amely a projekt fájljait fogja tárolni.

A legfontosabb dolog, amit itt meg kell tennie, győződjön meg arról, hogy a nyilvános engedélyek beállítása „Nyilvános olvasási hozzáférés biztosítása ehhez a csoporthoz”.

Figyelmeztetést kap az AWS-től, de ne aggódjon. Csak arról akarnak gondoskodni, hogy ezt senki ne tehesse meg véletlenül. De pontosan ezt akarja csinálni.

Ha elkészült, meglátja a vödröt az S3 konzol listáján.

3. lépés: Fájlok hozzáadása és a vödör beállításainak konfigurálása

Kattintson a listában az újonnan létrehozott vödörre. Ezzel egy olyan oldalra jut, ahol tartalmat adhat hozzá a tárolóhoz, és konfigurálhatja annak beállításait.

Először hozzá kell adnia a projektfájljait (az elején említettük) az „Áttekintés” fülre. Ne feledje, hogy ezek bármely működő front-end projekt fájljai lehetnek.

Nem fog tudni mappákat feltölteni (ismét, mivel az S3 valójában nem rendelkezik mappaszerkezettel). Ehelyett manuálisan kell létrehoznia az S3 projektben lévő mappákat, és feltöltenie azokba a fájlokat.

Ezután kattintson a „Tulajdonságok” fülre.

Itt elmondja az S3-nak, hogy ezt a csoportot szeretné használni a fájlok tárolására.

Csak kattintson a „Statikus webhelytárolás” feliratú csempére, és írja be az index (kötelező) és a hiba (nem szükséges) dokumentumok nevét, és kész.

Ezután kattintson az „Engedélyek” fülre.

Közvetlenül a fő fülek alatt látni fogja, hogy elindul az „Access Control List” nevű alszakaszban. Ez már helyesen van konfigurálva, mivel már azt mondta, hogy bárkinek képesnek kell lennie az ebben a csoportban tárolt fájlok olvasására.

Now you’ll need to click on the “Bucket Policy” subsection. Here, you’ll be prompted to create a JSON object that contains the details of your bucket’s access permission policy.

This part can be confusing. For now, I’ll just give you the JSON that will grant full public access to the files in your bucket. This will make the website publicly accessible.

Paste this into the bucket policy editor shown above:

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

Don’t forget to replace “YOUR-BUCKET-NAME” with… your bucket’s name.

You’re done!

That’s it! You have now deployed a very simple static site on AWS S3.

To access your site, go back to the “Overview” tab on S3 and click on your index document (click on a blank area in the list item, not on the link to the document itself). You’ll get a slide-in menu on the right with a link to your site!