Как да стартирате сайт на AWS безплатно за 15 минути

Ако сте напълно нови в Amazon Web Services (AWS), това може да се окаже сложно за душата.

Не само изглежда, че има хиляди различни услуги за избор, всяка от които има също толкова загадъчно име (като S3, Lambda, EC2 или Athena), но има и толкова многоза конфигуриране.

Трябва да решите колко памет да отделите за функциите си, от кой географски регион на света искате да се обслужва вашият код и трябва да изградите странен JSON обект, за да предоставите разрешения? НАИСТИНА е лесно да потопите пръстите на краката си и да решите, че е твърде объркващо, за да започнете.

Ако това описва вашия опит досега, тогава добре - тази статия е за вас.

Бях в същата лодка по-дълго, отколкото бих искал да призная.

Но въпреки цялата си обезсърчаваща сложност, има нещо в AWS, което просто продължава да ви се обажда.

Има бързина, надеждност, дори само професионалната сила на възможността да кажете, че имате опит с AWS.

Но както при всичко, ако искате да започнете, трябва да направите първата стъпка. Така че целта ми в тази статия е да го направя лесен. Искам да ви стигна до точката, че можете да кажете „Разположих проект на AWS.“

Ще бъде много по-лесно, отколкото си мислите, и ще ви даде точка, от която да започнете да проучвате другите услуги на AWS.

Стъпка 0: Какво ще трябва да следвате

Списъкът е кратък, но реших, че ще го сложа отпред и в центъра, за да съм сигурен, че е ясен от самото начало.

  1. Работеща кредитна / дебитна карта (не се притеснявайте, всичко е безплатно, както се казва в заглавието. Но ще трябва да въведете информация за кредитна карта, за да създадете акаунт в AWS)
  2. Front-end код, който можете да качвате и хоствате на AWS. Това може да бъде толкова просто, колкото HTML документ с

    Hello World

    в тялото.

Стъпка 1: Направете AWS акаунт

За да бъда честен, спрях на този етап няколко пъти, просто защото това беше една от онези ситуации „безплатен пробен период, но те искат информация за вашата кредитна карта“, на които обикновено се противопоставям.

Но 12-месечното безплатно ниво е доста невероятно. Цялата година е много време, за да можете да експериментирате върху AWS, преди да решите дали си струва да продължите да го използвате. (По никакъв начин не съм свързан с AWS, само за протокола).

Така че следвайте тази връзка и създайте своя акаунт: AWS Free Tier.

Знам, че някои хора могат да се притесняват относно ограниченията на безплатния план. Например има месечно ограничение на заявките за GET и PUT (съответно 20 000 и 2000), след което започвате да се таксувате.

Но докато засега използвате само това, за да експериментирате и да се учите, няма почти никакъв шанс да надхвърлите ограниченията.

И дори да го направите, цената за превишаване на горните граници обикновено е част от една стотинка на 1000 заявки.

Стъпка 2: Създайте кофа S3 за вашия проект / сайт

За да улесним нещата възможно най-лесно, единствената услуга на AWS, която ще използваме за този проект, ще бъде Simple Storage Service (или S3), една от услугите за съхранение в облак на Amazon.

S3 се държи малко като Google Drive или Dropbox. Но той може да бъде конфигуриран да обслужва файлове, а не просто да ги съхранява, което ще направим.

Тъй като ние просто ще обслужваме файлове, които се хостват на S3, това ще бъде статичен сайт, без бекенд или връзки към база данни.

След като вече имате акаунт в AWS, влезте в конзолата за управление (свързана тук) и кликнете върху „Услуги“ в горния ляв ъгъл на главното меню.

Ще видите онзи изумително голям списък с опции за услуги, които споменах в началото. Не се притеснявайте за всичко това, просто кликнете върху „S3“ в раздела „Съхранение“.

Това ще ви отведе до страницата S3, където можете да създадете различни „кофи“, за да съхранявате различните си проекти.

Кофите са като папки на вашия работен плот. Но системата за съхранение на документи на S3 не следва традиционната структура на папките (повече за това, ако се интересувате). Затова вместо това „кофа“ изглежда е правилната дума за използване.

Щракнете върху големия син бутон в горния ляв ъгъл, наречен „Създаване на сегмент“, за да създадете кофа, в която ще се съхраняват вашите проектни файлове.

Основното нещо, което трябва да направите тук, е да се уверите, че публичните разрешения са настроени на „Предоставяне на публичен достъп за четене до тази група“.

Ще получите предупреждение от AWS, но не се притеснявайте. Те просто искат да се уверят, че никой не би могъл да направи това случайно. Но точно това искате да направите.

След като приключите, ще видите кофата си в списъка на вашата конзола S3.

Стъпка 3: Добавете файлове и конфигурирайте настройките на вашата кофа

Щракнете върху новосъздадената си група в списъка. Това ще ви отведе до страница, където можете да добавяте съдържание към кофата си и да конфигурирате настройките му.

Първо, ще искате да добавите вашите проектни файлове (споменати в началото) в раздела „Общ преглед“. Не забравяйте, че това могат да бъдат файловете за всеки работещ интерфейсен проект.

Няма да можете да качите никакви папки (отново, тъй като S3 всъщност няма структура на папки). Вместо това ще трябва ръчно да създадете папки, които имате във вашия проект в S3, и да качите вашите файлове в тях.

След това кликнете върху раздела „Свойства“.

Тук ще кажете на S3, че искате да използвате тази кофа за хостване на вашите файлове.

Просто кликнете върху плочката, на която пише „Статичен хостинг на уебсайт“ и въведете имената на вашите индекси (задължително) и документи за грешка (не се изисква) и всичко е готово.

След това кликнете върху раздела „Разрешения“.

Ще видите точно под основните раздели, които стартирате, в подраздел, наречен „Списък за контрол на достъпа“. Това вече е конфигурирано правилно, тъй като вече сте казали, че всеки трябва да може да чете файловете, хоствани в тази група.

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!