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

въведение

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

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

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

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

Едностранично приложение

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

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

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

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

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

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

ЗА

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

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

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

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

СРЕЩУ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

без сървър

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

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

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

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

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

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

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

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

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

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