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

Вовед

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

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

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

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

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

Ајде малку да ја дефинираме терминологијата. Апликација за една страница (SPA) е веб-апликација чии компоненти се вчитуваат еднаш на една страница, а содржината се вчитува по потреба. И кога се движите помеѓу деловите на апликацијата, страницата не се вчитува целосно, туку само ги вчитува и прикажува потребните податоци.

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

Ако пред неколку години апликациите на една страница практично не поддржуваа оптимизација на пребарувачите и се користеа главно за креирање лични сметки и административни панели, денес создавањето апликација на една страница со целосна поддршка за оптимизација на пребарувачите (SEO) стана многу полесно. Користејќи апликации за една страница рендерирани од серверот денес, овој проблем целосно исчезна. Со други зборови, ова е истата апликација на една страница, но на првото барање, серверот генерира не само податоци, туку создава HTML страница подготвена за прикажување и пребарувачите добиваат готови страници со сите мета информации и семантичко обележување .

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

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

За да ви помогнам да разберете, во табелата подолу ќе дадам неколку примери за тоа кога развивањето или префрлањето на СПА е соодветно и оправдано, а кога не е.

ЗА

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

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

Ако имате продавница или веб-услуга, знаете дека е бавно и луѓето си заминуваат, сакате да го направите побрзо, ја разбирате вредноста на клиентите и сте подготвени да платите над милион рубли за надградба.

Имате мобилна апликација која користи API на страницата, но страницата е бавна и има целосно повторно вчитување на содржината кога се движите помеѓу страниците

VS

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

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

Вие ги спроведувате вашите главни активности офлајн и не сте подготвени да пружите какви било услуги преку Интернет, а само треба да привлечете клиенти.

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

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

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

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

Прогресивните веб-апликации се производ на заедничката еволуција на домашна апликација и веб-локација. Во суштина, ова е веб-апликација која изгледа и се однесува како вистинска домашна апликација, може да прима притисни известувања, да работи во офлајн режим итн. Во овој случај, корисникот не треба да ја преземе апликацијата од AppStore или Google Play, туку едноставно да ја зачува на работната површина.

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

Неколку примери од реалниот живот:

• минатата година, хотелот Best Western River North можеше да ги зголеми приходите за 300% откако лансираше нова веб-страница со PWA;
• Арапскиот Avito OpenSooq.com, откако создаде поддршка за PWA на својата веб-страница, можеше да го зголеми времето на посета на страницата за 25% и бројот на потенцијални клиенти за 260%;
• познатиот сервис за запознавање Tinder успеа да ја намали брзината на вчитување од 11.91 секунди на 4.69 секунди со развивање на PWA; згора на тоа, апликацијата тежи 90% помалку од нејзиниот мајчин Android колега.

На фактот дека вреди да се обрне внимание на оваа технологија говори и фактот што еден од најголемите мотори за креирање проекти за е-трговија, Magento, лансираше рана развојна верзија на PWA Studio во 2018 година. Платформата ви овозможува да креирате надворешен преден дел базиран на React за вашите решенија за е-трговија со поддршка за PWA.

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

Малку од пракса. За да креирате едноставна мобилна апликација за вести, под услов веќе да имате готов сервер REST, потребни ви се приближно 200-300 работни часови по платформа. Со просечна пазарна цена за еден час развој од 1500-2000 рубли/час, апликацијата може да чини околу 1 милион рубли. Ако развиете веб-апликација со целосна поддршка за PWA: push notifications, offline режим и други добрини, тогаш развојот ќе трае 200-300 работни часа, но производот веднаш ќе биде достапен на сите платформи. Односно, заштеда од приближно 2 пати, а да не зборуваме за фактот дека нема да мора да плаќате такси за сместување во продавници за апликации.

Без серверот

Ова е уште еден модерен пристап кон развојот. Поради името, многу луѓе мислат дека ова е навистина развој без сервер, нема потреба да се пишува заден код и секој преден развивач може да создаде полноправна веб-апликација. Но, тоа не е вистина!

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

На пример, големата американска медиумска компанија Bustle успеа да ги намали трошоците за хостирање за повеќе од 60% кога се префрли на Serverless. И компанијата Coca-Cola, кога развиваше автоматизиран систем за продажба на пијалоци преку автомати, успеа да ги намали трошоците за хостирање од 13000 долари на 4500 долари годишно со префрлување на Serverless.

Во текот на изминатите неколку години, поради својата новина и неговите ограничувања, Serverless главно се користеше за мали проекти, стартапи и MVP, но денес, благодарение на еволуцијата на софтверот, разновидноста и моќта на контејнеризацијата на серверот, се појавуваат алатки кои ви овозможува да ги отстраните ограничувањата, да го поедноставите и забрзате развојот на апликациите за облак.
Ова значи дека деловните сценарија на претпријатијата каде модернизацијата на облакот претходно се сметаше за невозможна (на пример, за edge уреди, податоци во транзит или државни апликации) сега се реалност. Добри алатки кои ветуваат многу се kNative и претпријатие без сервер.

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

За да ви помогнеме да го сфатите тоа, еве неколку примери за тоа кога можеби ќе сакате да размислите за безсервер кога развивате нова или подобрувате тековна веб-услуга:

• Кога оптоварувањето на серверот е периодично и плаќате за неактивен капацитет. На пример, имавме клиент со мрежа на машини за кафе и беше потребно да се обработуваат барањата и да се собираат статистики само неколку стотици или илјади пати на ден, а навечер бројот на барања паѓа на неколку десетици. Во овој случај, многу поефикасно е да се плаќа само за вистинско користење на ресурсите, па затоа предложивме и имплементиравме решение на Serverless;
• Ако не планирате да се нурнете во техничките детали за инфраструктурата и да плаќате премногу за поставување и одржување на сервери и балансер. На пример, кога развивате пазар, не знаете точно каков ќе биде сообраќајот, или обратно - планирате многу сообраќај и така што вашата апликација сигурно ќе го издржи оптоварувањето, тогаш „Serverless“ е одличен избор.
• Ако треба да извршите некои стриминг настани во главната апликација, запишете странични податоци во табелите, извршете некои пресметки. На пример, собирајте аналитички податоци за активностите на корисникот, обработете ги на одреден начин и зачувајте ги во база на податоци;
• Ако треба да ја поедноставите, обедините или забрзате тековната работа на апликацијата. На пример, креирајте услуги за подобрување на перформансите за работа со слики или видеа, кога корисникот прикачува видео во облакот, а посебна функција се справува со транскодирање, додека главниот сервер продолжува да работи нормално.

Ако треба да обработувате настани од услуги од трети лица. На пример, обработете ги одговорите од платните системи или пренасочете ги корисничките податоци на CRM за да ја забрзате обработката на барањата од потенцијалните клиенти
Ако имате голема апликација и некои делови од апликацијата може да се имплементираат пооптимално со користење на јазик различен од главниот. На пример, имате проект во Java и треба да додадете нова функционалност, но немате слободни раце, или имплементацијата на даден јазик може да потрае подолго и веќе има решение на друг јазик, тогаш Serverless може да помогне и со ова.

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

Извор: www.habr.com