Како у четири корака хостирати статично место у облаку

Статичне веб локације могу да хостују све врсте веб страница од вашег личног портфеља, до одредишне странице компаније или чак блога.

Главна предност статичних страница је у томе што је њима једноставно управљати. Такође су веома исплативи. А код статичних веб локација нису вам потребне сложене услуге управљања садржајем (ЦМС) које се непрестано изводе на серверима (чак и ако немате саобраћај).

У овом посту ћете научити како да хостујете статичну веб локацију у АВС облаку у 4 корака, користећи АВС Амплифи и Роуте 53. А најбољи део? Сваки месец вас неће коштати готово ништа.

Шта је статична веб локација?

Статичне веб локације су веб локације које се сервирају са сервера за складиштење или са мреже за испоруку садржаја (ЦДН). Нема потребе да имате покренут сервер који креира ХТМЛ датотеке.

Ове веб странице су унапред направљене као ХТМЛ датотеке које се чувају негде на Интернету, а затим послужују онако како су направљене.

Статичке веб локације могу имати динамички садржај, али се њиме рукује на страни клијента помоћу ЈаваСцрипт-а или неких независних интеграција помоћу АПИ-ја.

Неке предности коришћења статичне странице су:

  • Лако их је прилагодити
  • Ако користите ЦДН, време учитавања је брзо
  • Исплативи су
  • Лако их је одржавати

На пример, моја лична веб локација је добар пример статичне странице:

Марциа лична веб страница

Шта је АВС?

АВС је скраћеница од Амазон Веб Сервицес и најраспрострањенија је цлоуд платформа. Има мноштво различитих услуга које ће вам помоћи да развијете и хостујете своје апликације.

АВС такође има центре података широм света и милиони купаца га користе.

Коришћењем облака за апликације смањит ћете трошкове, помоћи вам да постанете агилнији и омогућити вам брже иновирање него да користите своје локалне сервере.

Корак 1 - Подесите свој АВС налог

Први корак у овом процесу је добијање АВС налога. Бићете домаћин статичној страници у облаку, а за то морате имати важећи АВС налог.

Ако тек сада креирате свој налог, бесплатни ниво би требао бити довољан за овај пројекат. Бесплатни ниво ће вам омогућити бесплатан приступ великом броју АВС услуга током првих 12 месеци.

На пример, добићете 5 ГБ бесплатног складишног простора. То је сјајно, јер нам је потребно складиште да бисмо сачували статичну веб локацију у облаку.

Имајте на уму да је АВС налог бесплатан ако не користите ниједну услугу. Отварање рачуна вам неће бити наплаћено, а ако га не користите, неће вам бити наплаћено.

Да бисте креирали АВС налог, следите кораке у овом видео снимку:

Корак 2 - Направите статичку веб локацију и конфигуришите је помоћу АВС Амплифи

Одмах након читања тог наслова, можда се питате, шта је АВС Амплифи?

АВС Амплифи је оквир отвореног кода који пружа функције које ће вам помоћи да направите веб и мобилне апликације засноване на облаку. Садржи 4 компоненте:

  • тхе Амплифи ЦЛИ
  • библиотеке Амплифи
  • компоненте Амплифи УИ и
  • Амплифи Цонсоле.

Амплифи ЦЛИ вам помаже да конфигуришете све услуге потребне за креирање позадине у облаку за вашу апликацију помоћу интерфејса командне линије.

Библиотеке вам помажу да интегришете клијентске апликације директно са позадинским услугама.

Амплифи УИ компоненте су УИ библиотеке посебно за Реацт, Реацт Нативе, Ангулар, Иониц и Вуе које ће вам помоћи да лако развијете своју матичну апликацију у облаку.

Коначно, Амплифи Цонсоле је АВС услуга која пружа гит-заснован ток посла за континуирано постављање и за хостинг веб и мобилних апликација са пуним стеком.

У овом посту нећемо користити све могућности АВС Амплифи, већ ћемо само користити Конзолу. Али препоручујем вам да погледате неке водиче о томе како да направите сложеније апликације помоћу АВС Амплифи.

Направите статичну страницу

Сада имате све што је потребно за почетак рада са вашом статичном веб локацијом. За ову демонстрацију ће радити било који статични ХТМЛ. Управо сам креирао датотеку која се зове индек.хтмл и додао сам јој овај код:

Hello Foobar

This is my super simple site

Отпремите га на АВС Амплифи Цонсоле

Након што имамо статичну локацију, следећи корак је прелазак на услугу АВС Амплифи у АВС конзоли.

Проналажење услуге АВС Амплифи у АВС конзоли

Тада када се та услуга отвори видећете нешто попут овог:

АВС Амплифи конзола

Кликните дугме Повежи апликацију и тада ће вам бити приказана ова страница:

Опције за примену вашег постојећег пројекта

Тада можете одабрати Деплои без Гит добављача и наставити.

Биће вам приказана страница за ручно постављање апликације. Ето, одабрати име апликације и један животне средине име , а онда можете да повучете свој фолдер апликације у бровсер.

Покретање ручног постављања у АВС Амплифи

Када апликација заврши са отпремањем, видећете поруку у којој пише „Примена је успешно завршена“.

Сада је ваша веб локација хостована у облаку. Идите на везу која се налази испод текста Домена . То ће вас одвести на вашу тек постављену статичку локацију.

Корак 3 - Купите домен за своју веб локацију

Сада је време да набавите домен за своју веб локацију. Дељење да Домаин везу није веома практична и домен може бити једноставнији начин да именују свој сајт.

Да бисте то урадили, морате да уђете у свој АВС налог на услугу која се зове Роуте53.

Проналажење услуге Роуте53 у АВС конзоли

Затим, када се отвори пут 53, можете да одете до везе која каже „ Регистрирај домен “ и појавиће се оваква страница.

Овде треба да изаберете име домена. Домене се наплаћују годишње и имају различите трошкове у зависности од завршетка (попут .цом, .нет итд.).

Након што одаберете име домена, можете га додати на картицу. Затим само следите упутства која нуди Роуте53.

Корак 4 - Конфигуришите домен у својој апликацији АВС Амплифи

Сада када имате домен, време је да се вратите у своју апликацију АВС Амплифи - ону коју сте управо конфигурисали.

Затим са леве стране кликнете на везу за управљање доменом и отвориће се ова страница:

Додавање домена на вашу веб локацију

Поље за текст домена ће предложити домен који сте управо регистровали. Само га одаберите, прихватите све подразумеване конфигурације, а затим кликните на Саве .

Након тога бићете преусмерени на страницу на којој ће бити конфигурисани домен и ССЛ сертификат. У том кораку не морате ништа да радите, само сачекајте док се све не конфигурише. Потребно је неко време, па будите стрпљиви.  

Сада сте готови, тако да можете да одете на свој нови домен и видите своју статичну страницу.

Како ажурирати ову страницу

Сада сваки пут када морате да промените нешто на својој статичној веб локацији, морате да одете на АВС Амплифи и ажурирате датотеке. У основи ћете једноставно испустити директоријум из апликације Амплифи.

Ажурирање ваше статичне странице

Закључак

Сада имате статичну веб локацију хостовану у облаку. Ова веб локација је врло скалабилна и поуздана. Веб локација се хостује помоћу АВС ЦДН-а под називом АВС ЦлоудФорматион, тако да ће ово учинити вашу локацију врло брзом за ваше кориснике.

Укупни трошкови хостинга након што је ваш АВС налог старији од 12 месеци износиће око 0,50 УСД до 4 УСД месечно, у зависности од тога колико је велика ваша веб локација и колико промета имате.

Други годишњи трошак који имате је домен који може почети од 9 УСД годишње.

А ако ово желите да учините мало аутоматизованијим, препоручујем да погледате АВС Амплифи аутоматско постављање помоћу Гитхуб-а.

Хвала за читање.

Ја сам Марциа Виллалба, адвокатица програмера за АВС и водитељка ИоуТубе канала под називом ФооБар, где имам преко 250 видео водича о пракси без сервера, АВС и софтверских инжењера.

  • Твиттер: //твиттер.цом/мави888уи
  • Иоутубе: //иоутубе.цом/фообар_цодес