Трендови технологије веб развоја 2019

Увод

Дигитална трансформација сваке године покрива све више различитих области живота и пословања. Ако предузеће жели да буде конкурентно, обични информативни сајтови више нису довољни, потребне су мобилне и веб апликације које корисницима не само да пружају информације, већ им омогућавају да обављају одређене функције: примају или наручују робу и услуге, обезбеђују алате.

На пример, модерним банкама више није довољно да имају веб страницу са информацијама, већ морају да имају онлајн алате за своје клијенте, лични налог на коме корисник може да управља рачунима, инвестицијама и кредитима. Чак и малим предузећима су потребни практични алати за повећање конверзија, као што је заказивање прегледа код доктора или фризера, или резервација стола у ресторану или дечијој играоници за рођенданску забаву.

И сами власници треба да добију правовремене информације у прикладном облику о стању своје компаније, на пример, прикупљање статистичких података и аналитику за различите производне одељења, или продуктивност одељења. Често, свако одељење прикупља ове податке на свој начин, а може чак и да користи различите алате и власник треба да потроши много личног времена да све ово разуме, индиректно или директно то може утицати на ефикасност компаније и, на крају, на профит. Дигитална трансформација и развој веб или мобилних апликација такође ће помоћи овде.

Технологије не мирују и стално се развијају, а оно што је коришћено пре неколико година данас можда више није актуелно, или оно што се није могло учинити пре неколико година је већ постало реалност. Постоје модернији алати који вам помажу да брже и боље креирате веб и мобилне апликације. На основу личних запажања и искуства, желим да поделим своје виђење које технологије и алати ће бити тражени у блиској будућности и зашто на њих треба обратити пажњу приликом креирања модерне веб апликације.

Апликација за једну страницу

Хајде да мало дефинишемо терминологију. Сингле Паге Апплицатион (СПА) је веб апликација чије се компоненте учитавају једном на једној страници, а садржај се учитава по потреби. А када се крећете између делова апликације, страница се не учитава у потпуности, већ само учитава и приказује потребне податке.

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

Ако пре неколико година једностраничне апликације практично нису подржавале оптимизацију за претраживаче и коришћене су углавном за креирање личних налога и административних панела, данас је креирање једностране апликације са пуном подршком за оптимизацију претраживача (СЕО) постало много лакше. Коришћењем серверских апликација за једну страницу данас, овај проблем је потпуно нестао. Другим речима, ово је иста апликација са једном страницом, али на први захтев сервер генерише не само податке, већ креира ХТМЛ страницу спремну за приказ и претраживачи добијају готове странице са свим мета информацијама и семантичким ознакама .

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

Имати модерну и брзу веб страницу је веома добро, али да вам кажем искрено: не могу се све апликације лако претворити у апликације са једном страницом, а прелазак може бити скуп! Стога, морате разумети коме је потребна таква транзиција и зашто.

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

ФОР

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

На пример: друштвене мреже, агрегатори, СааС платформе (софтвер као услуга у облаку), пијаце

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

Имате мобилну апликацију која користи АПИ сајта, али сајт је спор и има потпуно поновно учитавање садржаја када се крећете између страница

ВС

Ако ваша циљна публика не користи модерне претраживаче и уређаје.

На пример: специфичне корпоративне области, као што је развој интерних система за банке, медицинске установе и образовање.

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

Ако имате онлајн продавницу или веб услугу која се већ добро продаје, не видите одлив купаца или жалбе

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

На пример: Постоји уоквирени сајт или нека врста древног монолитног кода писаног код куће.

Прогресивне веб апликације

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

Као технологија или приступ развоју, ПВА се развија од 2015. године, а недавно је стекао огромну популарност у области е-трговине.

Неки примери из стварног живота:

• прошле године, хотел Бест Вестерн Ривер Нортх је успео да повећа приход за 300% након што је лансирао нову веб страницу са омогућеном ПВА;
• Арапски Авито ОпенСоок.цом, након креирања ПВА подршке на својој веб страници, успео је да повећа време посете сајту за 25% и број потенцијалних клијената за 260%;
• познати сервис за упознавање Тиндер успео је да смањи брзину учитавања са 11.91с на 4.69с развојем ПВА; штавише, апликација је 90% мања од свог матичног Андроид колеге.

Да је вредно обратити пажњу на ову технологију говори и чињеница да је један од највећих мотора за креирање пројеката е-трговине, Магенто, 2018. године покренуо рану развојну верзију ПВА Студио. Платформа вам омогућава да из кутије креирате фронтенд заснован на Реацт-у за ваша решења за е-трговину са ПВА подршком.

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

Мало из праксе. Да бисте креирали једноставну мобилну апликацију за вести, под условом да већ имате готов РЕСТ сервер, потребно вам је отприлике 200-300 радних сати по платформи. Са просечном тржишном ценом за сат развоја од 1500-2000 рубаља/сат, апликација може коштати око 1 милион рубаља. Ако развијете веб апликацију са пуном подршком за ПВА: пусх обавештења, офлајн режим и друге доброте, развој ће трајати 200-300 радних сати, али ће производ одмах бити доступан на свим платформама. То јест, уштеда од отприлике 2 пута, а да не помињемо чињеницу да нећете морати да плаћате накнаде за постављање у продавнице апликација.

Без сервера

Ово је још један савремени приступ развоју. Због имена, многи људи мисле да је ово заиста развој без сервера, да нема потребе за писањем позадинског кода, а сваки фронт-енд програмер може да направи пуноправну веб апликацију. Али то није истина!

Када креирате апликацију без сервера, и даље су вам потребни сервер и база података. Главна разлика овог приступа је у томе што је позадински код представљен у облику цлоуд функција (друго име за сервер без сервера је ФааС, функције као услуга или Функције-као-услуге) и омогућава апликацији да се брзо скалира и лако. Приликом креирања такве апликације, програмер се може фокусирати на пословне проблеме и не размишљати о скалирању и постављању инфраструктуре, што накнадно убрзава развој апликације и смањује њену цену. Штавише, приступ без сервера ће вам помоћи да уштедите на изнајмљивању сервера, јер користи тачно онолико ресурса колико је потребно да изврши задатак, а ако нема оптерећења, време сервера се уопште не користи и не плаћа се.

На пример, велика америчка медијска компанија Бустле успела је да смањи трошкове хостовања за више од 60% када је прешла на Серверлесс. А компанија Цоца-Цола, када је развијала аутоматизовани систем за продају пића путем аутомата, успела је да смањи трошкове хостовања са 13000 долара на 4500 долара годишње преласком на серверлесс.

Током протеклих неколико година, због своје новине и ограничења, Серверлесс се углавном користио за мале пројекте, стартапове и МВП-ове, али данас, захваљујући еволуцији софтвера, свестраности и моћи контејнеризације сервера, појављују се алати који омогућавају вам да уклоните ограничења, поједноставите и убрзате развој апликација у облаку.
То значи да су пословни сценарији предузећа где се модернизација облака раније сматрала немогућом (на пример, за рубне уређаје, податке у транзиту или апликације са статусом) сада реалност. Добри алати који обећавају много су кНативе и Серверлесс ентерприсе.

Али упркос свему овоме, Серверлесс није сребрни метак за развој веб апликација. Као и свака друга технологија, она има своје предности и недостатке, а овај алат треба да изаберете са разумевањем, а „не забијајте ексере микроскопом“ само зато што је технолошки напреднији.

Да бисмо вам помогли да то схватите, ево неколико примера када бисте могли да узмете у обзир да нема сервера када развијате нову или побољшавате тренутну веб услугу:

• Када је оптерећење на серверу периодично и плаћате неактивни капацитет. На пример, имали смо клијента са мрежом апарата за кафу и било је потребно обрађивати захтеве и прикупљати статистику свега неколико стотина или хиљада пута дневно, а ноћу је број захтева пао на неколико десетина. У овом случају је много ефикасније плаћати само за стварно коришћење ресурса, па смо предложили и имплементирали решење на Серверлесс;
• Ако не планирате да зароните у техничке детаље инфраструктуре и преплатите за подешавање и одржавање сервера и балансера. На пример, када развијате тржиште, не знате тачно какав ће бити саобраћај, или обрнуто - планирате много саобраћаја и да би ваша апликација сигурно издржала оптерећење, онда је Серверлесс одличан избор.
• Ако треба да извршите неке стриминг догађаје у главној апликацији, упишите бочне податке у табеле, извршите неке прорачуне. На пример, прикупити аналитичке податке о радњама корисника, обрадити их на одређени начин и сачувати у бази података;
• Ако треба да поједноставите, унифицирате или убрзате тренутни рад апликације. На пример, креирајте услуге које побољшавају перформансе за рад са сликама или видео записима, када корисник отпреми видео у облак, а посебна функција управља транскодирањем, док главни сервер наставља да ради нормално.

Ако треба да обрађујете догађаје из услуга трећих страна. На пример, обрадите одговоре из система плаћања или преусмерите корисничке податке на ЦРМ да бисте убрзали обраду захтева потенцијалних клијената
Ако имате велику апликацију и неки делови апликације се могу оптималније имплементирати користећи језик који се разликује од главног. На пример, имате пројекат у Јави и морате да додате нову функционалност, али немате слободне руке, или имплементација на датом језику може да потраје дуже и већ постоји решење на другом језику, онда Серверлесс може помоћи са овим такође.

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

Извор: ввв.хабр.цом