Технологични тенденции в уеб разработката 2019

Въведение

Цифровата трансформация с всяка изминала година обхваща все повече различни сфери на живота и бизнеса. Ако бизнесът иска да бъде конкурентоспособен, обикновените информационни сайтове вече не са достатъчни. Необходими са мобилни и уеб приложения, които не само предоставят информация на потребителите, но и позволяват изпълнението на определени функции: получаване или поръчка на стоки и услуги, предоставяне на инструменти.

Например, на съвременните банки вече не им е достатъчно да имат сайт с информация; необходимите са онлайн инструменти за своите клиенти, личен профил, в който потребителят може да управлява сметките, инвестициите и кредитите. Дори на дребния бизнес, за увеличение на конверсията, са му необходими удобни инструменти, например запис за преглед при лекар или фризьор, резервация на маса в ресторант или детска игрална стая за отпразнуване на рожден ден.

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

Технологиите не стоят на едно място и постоянно се развиват, а това, което е било актуално преди няколко години, вече може да е неуместно днес, или това, което не е било възможно преди няколко години, вече е реалност. Съществуват повече съвременни инструменти, които помагат за създаването на уеб и мобилни приложения по-бързо и качествено. Основавайки се на лични наблюдения и опит, искам да споделя виждането си за това, кои технологии и инструменти ще бъдат търсени в близко бъдеще и защо си заслужава да се обърне внимание на тях при създаването на съвременно уеб приложение.

Single page application (едностранични приложения)

Нека да изясним малко терминологията. Single Page Application (SPA) е уеб приложение, чиито компоненти се зареждат веднъж на една страница, а съдържанието се зарежда при необходимост. При преминаване между разделите на приложението, страницата не се презарежда напълно, а само се зареждат и показват необходимите данни.

Одностраничните приложения имат значителни предимства по отношение на скоростта на работа и удобството на ползване в сравнение с класическите уеб приложения. С помощта на SPA можете да постигнете ефекта на работа на уебсайт, подобно на приложение на настолния компютър, без презареждания и значителни закъснения.

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

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

Да имате модерен и бърз уеб сайт е много хубаво, но искам честно да ви уведомя: не всички приложения могат лесно да бъдат преобразувани в одностранични, а преминаването може да коства скъпо! Затова е необходимо да разберете на кого и защо е нужен такъв преход.

За да ви помогна да разберете, в долната таблица ще дам няколко примера, когато разработката или преминаването към SPA са уместни и оправдани, а когато не са.

ЗА

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

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

Ако имате магазин или уеб услуга, знаете че е бавна и хората напускат, искате да я направите по-бърза, разбирате ценността на клиентите и сте готови да платите за ъпгрейд от милион рубли.

Имате мобилно приложение, което използва API на сайта, а сайтът е бавен и с пълни презареждания на съдържанието при преминаване между страниците

ПРОТИВ

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

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

Основната ви дейност се извършва офлайн и не сте готови да предоставяте някакви услуги онлайн, и ви е нужно просто да привлечете клиенти.

Ако имате интернет магазин или уеб услуга, която вече добре продава, не виждате отлив на клиенти и оплаквания

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

Например: Има кутия сайт или някакъв самоприобретен, остарял, монолитен код.

Прогресивни уеб приложения

Прогресивни уеб приложения (PWA) – това е продукт на съвместна еволюция на нативно приложение и уеб сайт. По същество, това е уеб приложение, което изглежда и функционира като истинско нативно приложение, може да получава пус уведомления, да работи в офлайн режим и т.н. При това, на потребителя не му трябва да изтегля приложение от AppStore или Google Play, а просто да го запази на работния плот.

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

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

• Миналата година хотел Best Western River North, след като стартира нов сайт с поддръжка на PWA, успя да увеличи приходите си с 300%;
• Арабският Avito OpenSooq.com, след създаването на поддръжка на PWA на сайта си, успя да увеличи времето на посещение с 25% и броя на лийдовете с 260%;
• Известният сервиз за запознанства Tinder успя да намали времето за зареждане от 11,91 сек до 4,69 сек, разработвайки PWA, а приложението тежи с 90% по-малко от родния си Android аналог.

За значимостта на тази технология говори и фактът, че един от най-големите движки за създаване на e-commerce проекти Magento през 2018 година пусна ранна разработваща версия на PWA Studio. Платформата позволява "из коробка" да се създава фронтенд на базата на React за своите e-commerce решения с поддръжка на PWA.

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

Някои практически примери. За да се създаде просто родно мобилно приложение за новини при условие, че вече има готов REST сървър, са необходими около 200-300 човекочаса на всяка платформа. При средна цена на пазара от 1500-2000 руб./час, приложението може да струва около 1 милион рубли. Ако разработвате уеб приложение с пълна поддръжка на PWA: push уведомления, офлайн режим и други предимства, разработката ще отнеме 200-300 човекочаса, но продуктът ще бъде веднага достъпен на всички платформи. Тоест спестяването е около 2 пъти, да не говорим, че няма да е нужно да плащате такси за разпространение в магазините за приложения.

Serverless

Това е още един съвременен подход към разработката. Поради името много хора си мислят, че това наистина е безсървърна разработка, няма нужда от писане на back-end код, а всеки фронтенд разработчик може да направи цялостно уеб приложение. Но това не е така!

При създаване на Serverless приложение сървърът все още е необходим, а също и база данни. Основната разлика в този подход е, че back-end кодът е представен под формата на облачни функции (друго наименование на serverless е FaaS – функции като услуга) и позволява на приложението бързо и лесно да се мащабира. При създаването на такова приложение разработчикът може да се фокусира върху бизнес задачите, без да мисли за мащабиране и настройка на инфраструктурата, което в последствие ускорява разработката на приложението и намалява разходите му. Освен това, Serverless подходът помага за спестяване на разходи за наем сървъри, тъй като използва точно толкова ресурси, колкото са необходими за изпълнение на задачата, и ако няма натоварване, сървърното време изобщо не се използва и не се заплаща.

Например, голямата американска медийна компания Bustle успя да намали разходите си с хостинг повече от 60%, преминавайки към Serverless. А компания Coca-cola, при разработката на автоматизирана система за продажба на напитки чрез автомати, успя да намали разходите за хостинг от $13000 на $4500 годишно благодарение на преминаването към Serverless.

Последните няколко години, поради новизната и ограниченията си, Serverless основно се използваше за малки проекти, стартапи и MVP, но днес, благодарение на еволюцията на софтуера, универсалността и мощността на контейнеризацията на сървърите, се появяват инструменти, които позволяват да се преодолеят ограниченията, да се опрости и ускори разработването на облачни приложения.
Това означава, че корпоративни бизнес сценарии, при които облачната модернизация преди е считана за невъзможна (например за периферни устройства, предаване на данни или приложения с запазване на състояние) сега са реалност. Добри инструменти с голям потенциал са kNative и Serverless enterprise.

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

За да ви помогнем да се ориентирате, ето няколко примера, когато си заслужава да помислите за Serverless при разработването на нов или усъвършенстване на текущ уеб сервис:

• Когато натоварването на сървъра има периодичен характер и плащате за просто мощност. Например, имахме клиент с мрежа от кафе автомати, който беше принуден да обработва заявки и събира статистика само няколко стотин или хиляди пъти на ден, а през нощта броят на заявките падаше до десетки. В този случай е много по-ефективно да плащате само за реалното използване на ресурсите, затова предложихме и реализирахме решение на Serverless;
• Ако не планирате да се задълбочавате в техническите детайли на инфраструктурата и да плащате допълнително за настройка и поддръжка на сървъри и балансировачи. Например, при разработката на маркетплейс, вие точно не знаете какъв ще бъде трафикът или обращно — планирате висока посещаемост и искате приложението ви да понесе натоварването, то Serverless е отличен избор.
• Ако е необходимо да извършвате определени потокови събития в основното приложение, да записвате извъншни данни в таблици, да извършвате изчисления. Например, да събирате аналитични данни за действията на потребителя, да ги обработвате по определен начин и да ги записвате в база данни;
• Ако е нужно да опростите, унифицирате или ускорите текущата работа на приложението. Например, да създадете услуги, които подобряват производителността при работа с изображения или видео, когато потребителят качва видео в облака, а транскодирането се извършва от отделна функция, основният сървър при това продължава да работи в нормален режим.

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

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

Източник: habr.com