Technologické trendy vývoje webu 2019

úvod

Digitální transformace pokrývá každým rokem více a více různých oblastí života a podnikání. Pokud chce být podnik konkurenceschopný, běžné informační weby už nestačí, jsou potřeba mobilní a webové aplikace, které uživatelům nejen poskytují informace, ale umožňují jim i určité funkce: přijímat nebo objednávat zboží a služby, poskytovat nástroje.

Technologické trendy vývoje webu 2019

Například moderním bankám již nestačí mít webové stránky s informacemi, potřebují mít pro své klienty online nástroje, osobní účet, kde může uživatel spravovat účty, investice, půjčky. I malé firmy potřebují pohodlné nástroje ke zvýšení konverzí, jako je domluva s lékařem nebo kadeřníkem nebo rezervace stolu v restauraci nebo dětské herně na narozeninovou oslavu.

A sami majitelé potřebují dostávat včasné informace ve vhodné formě o stavu jejich společnosti, například o sběru statistických dat a analýz pro různá výrobní oddělení nebo o produktivitě oddělení. Často každé oddělení shromažďuje tato data po svém a může dokonce používat různé nástroje a majitel potřebuje strávit spoustu osobního času, aby tomu všemu porozuměl, nepřímo či přímo to může ovlivnit efektivitu společnosti a v konečném důsledku i zisk. Zde pomůže i digitální transformace a vývoj webových či mobilních aplikací.

Technologie nestojí a neustále se vyvíjejí a to, co se používalo před několika lety, už dnes nemusí být aktuální, nebo to, co nebylo možné udělat před několika lety, se již stalo skutečností. Existují modernější nástroje, které vám pomohou vytvářet webové a mobilní aplikace rychleji a lépe. Na základě osobních postřehů a zkušeností se chci podělit o svou vizi, jaké technologie a nástroje budou v blízké budoucnosti žádané a proč byste jim měli věnovat pozornost při tvorbě moderní webové aplikace.

Jednostránková aplikace

Pojďme si trochu definovat terminologii. Single Page Application (SPA) je webová aplikace, jejíž komponenty se načtou jednou na jednu stránku a obsah se načte podle potřeby. A při pohybu mezi sekcemi aplikace se stránka nenačte úplně znovu, ale pouze načte a zobrazí potřebná data.

Jednostránkové aplikace velmi těží z klasických webových aplikací z hlediska rychlosti a jednoduchosti použití. S pomocí SPA můžete dosáhnout efektu webové stránky fungující jako aplikace na desktopu, bez restartu a výrazného zpoždění.

Jestliže ještě před pár lety jednostránkové aplikace prakticky nepodporovaly optimalizaci pro vyhledávače a sloužily především k vytváření osobních účtů a administračních panelů, dnes je tvorba jednostránkové aplikace s plnou podporou optimalizace pro vyhledávače (SEO) mnohem jednodušší. Při dnešním použití jednostránkových aplikací vykreslovaných na serveru tento problém zcela zmizel. Jinými slovy, jedná se o stejnou jednostránkovou aplikaci, ale na první požadavek server vygeneruje nejen data, ale vytvoří HTML stránku připravenou k zobrazení a vyhledávače obdrží hotové stránky se všemi metainformacemi a sémantickým označením. .

S rozvojem nástrojů pro tvorbu webových aplikací na straně klienta bude vývoj a přechod na jednostránkové aplikace v tomto a následujících letech jen růst. Pokud máte starou aplikaci, která je zastaralá a funguje pomalu, a dokonce i s kompletním načtením stránky při přepínání mezi sekcemi, můžete letos bezpečně upgradovat na rychlou jednostránkovou aplikaci - nyní je vhodná doba, technologie vám již umožňuje udělat to docela rychle a efektivně.

Mít moderní a rychlé webové stránky je velmi dobré, ale řeknu vám upřímně: ne všechny aplikace lze snadno převést na jednostránkové aplikace a přechod může být drahý! Proto musíte pochopit, kdo potřebuje takový přechod a proč.

Abychom vám pomohli lépe porozumět, v níže uvedené tabulce uvedu několik příkladů toho, kdy je rozvoj nebo přechod na SPA vhodný a oprávněný a kdy ne.

ЗА

Pokud chcete dělat moderní, rychlou aplikaci a chcete používat nejen webovou, ale i mobilní nebo dokonce desktopovou verzi a veškeré procesy a výpočty probíhají na vzdáleném nebo cloudovém serveru. Navíc, aby všichni klienti měli jedno interakční rozhraní a nebylo nutné provádět každou úpravu kódu serveru při přidávání nového klienta.

Například: sociální síť, agregátory, platformy SaaS (software jako cloudová služba), tržiště

Pokud máte obchod nebo webovou službu, víte, že je pomalá a lidé odcházejí, chcete to zrychlit, rozumíte hodnotě zákazníků a jste připraveni zaplatit více než milion rublů za upgrade.

Máte mobilní aplikaci, která používá rozhraní API webu, ale web je pomalý a při pohybu mezi stránkami se celý obsah znovu načítá

PROTI

Pokud vaše cílová skupina nepoužívá moderní prohlížeče a zařízení.

Například: specifické korporátní oblasti, jako je vývoj interních systémů pro banky, zdravotnické instituce a vzdělávání.

Své hlavní činnosti provádíte offline a nejste připraveni poskytovat žádné služby online a potřebujete pouze přilákat zákazníky.

Pokud máte internetový obchod nebo webovou službu, která se již dobře prodává, nevidíte odliv zákazníků ani stížnosti

Pokud máte fungující aplikaci, kterou nelze přizpůsobit pro SPA a potřebujete vše přepsat od začátku a používat jiné technologie, a nejste připraveni za to utratit několik milionů.

Například: Existuje stránka v krabicích nebo nějaký druh doma psaný starověký, monolitický kód.

Progresivní webové aplikace

Progresivní webové aplikace jsou produktem společného vývoje nativní aplikace a webové stránky. V podstatě se jedná o webovou aplikaci, která vypadá a chová se jako skutečná nativní aplikace, může přijímat push notifikace, pracovat v offline režimu atd. V tomto případě uživatel nemusí aplikaci stahovat z AppStore nebo Google Play, ale stačí ji uložit na plochu.

Jako technologie nebo přístup k vývoji se PWA vyvíjí od roku 2015 a v poslední době si získal obrovskou popularitu v oblasti e-commerce.

Některé příklady ze života:

  • v loňském roce byl hotel Best Western River North schopen zvýšit příjmy o 300 % po spuštění nové webové stránky s podporou PWA;
  • Arabština Avito OpenSooq.com po vytvoření podpory PWA na svých webových stránkách dokázala zvýšit dobu návštěvy stránek o 25 % a počet potenciálních zákazníků o 260 %;
  • slavná seznamka Tinder dokázala vývojem PWA snížit rychlost načítání z 11.91 s na 4.69 s, navíc aplikace váží o 90 % méně než její nativní protějšek pro Android.

O tom, že se této technologii vyplatí věnovat pozornost, napovídá i fakt, že jeden z největších enginů pro tvorbu e-commerce projektů, Magento, spustil v roce 2018 ranou vývojovou verzi PWA Studio. Platforma vám umožňuje vytvořit frontend založený na Reactu pro vaše e-commerce řešení s podporou PWA.

Rada pro ty, kteří již mají internetový projekt nebo jen nápad na novou službu s podporou mobilních zařízení: nespěchejte s psaním plnohodnotné nativní aplikace, ale nejprve se podívejte na technologii PWA. Toto může být pro váš produkt nejlepší řešení z hlediska poměru cena/výkon.

Něco málo z praxe. K vytvoření jednoduché nativní mobilní zpravodajské aplikace, za předpokladu, že již máte hotový REST server, potřebujete přibližně 200-300 člověkohodin na platformu. S průměrnou tržní cenou za hodinu vývoje 1500-2000 rublů/hodinu může aplikace stát asi 1 milion rublů. Pokud vyvíjíte webovou aplikaci s plnou podporou PWA: push notifikace, offline režim a další vychytávky, pak vývoj zabere 200-300 člověkohodin, ale produkt bude okamžitě dostupný na všech platformách. Tedy úspora přibližně 2x, nemluvě o tom, že nebudete muset platit poplatky za umístění v obchodech s aplikacemi.

Serverless

Jde o další moderní přístup k rozvoji. Kvůli názvu si mnoho lidí myslí, že jde skutečně o bezserverový vývoj, není potřeba psát back-end kód a každý front-endový vývojář může vytvořit plnohodnotnou webovou aplikaci. Ale to není pravda!

Při vytváření bezserverové aplikace stále potřebujete server a databázi. Hlavním rozdílem tohoto přístupu je to, že back-end kód je prezentován ve formě cloudových funkcí (jiný název pro bezserver je FaaS, funguje jako služba nebo Funkce jako služba) a umožňuje aplikaci rychle a snadno. Při vytváření takové aplikace se vývojář může soustředit na obchodní problémy a nemyslet na škálování a nastavování infrastruktury, což následně urychluje vývoj aplikací a snižuje jejich náklady. Přístup bez serveru vám navíc pomůže ušetřit na pronájmech serveru, protože využívá přesně tolik zdrojů, kolik je potřeba k dokončení úkolu, a pokud nedojde k žádné zátěži, čas serveru se vůbec nevyužívá a neplatí se za něj.

Například velká americká mediální společnost Bustle dokázala při přechodu na Serverless snížit náklady na hosting o více než 60 %. A společnost Coca-Cola, když vyvíjela automatizovaný systém pro prodej nápojů prostřednictvím prodejních automatů, dokázala přechodem na Serverless snížit náklady na hosting z 13000 4500 USD na XNUMX XNUMX USD ročně.

V posledních několika letech se Serverless díky své novosti a svým omezením používal hlavně pro malé projekty, startupy a MVP, ale dnes se díky vývoji softwaru, všestrannosti a síle kontejnerizace serverů objevují nástroje, které umožňují odstranit omezení, zjednodušit a urychlit vývoj cloudových aplikací .
To znamená, že podnikové obchodní scénáře, kde byla modernizace cloudu dříve považována za nemožnou (například pro okrajová zařízení, data v přenosu nebo stavové aplikace), jsou nyní realitou. Dobré nástroje, které jsou velmi slibné, jsou kNative a Serverless enterprise.

Navzdory tomu všemu však Serverless není stříbrnou kulkou pro vývoj webových aplikací. Jako každá jiná technologie má své výhody i nevýhody a tento nástroj je třeba volit s porozuměním a „nezatloukat hřebíky mikroskopem“ jen proto, že je technologicky vyspělejší.

Abychom vám to pomohli zjistit, zde je několik příkladů, kdy byste měli zvážit možnost Serverless při vývoji nové nebo vylepšování aktuální webové služby:

  • Když je zatížení serveru periodické a platíte za nevyužitou kapacitu. Měli jsme například klienta se sítí kávovarů a bylo potřeba zpracovávat požadavky a sbírat statistiky jen pár set nebo tisíckrát za den a v noci počet požadavků klesl na několik desítek. V tomto případě je mnohem efektivnější platit pouze za skutečné využití zdrojů, proto jsme navrhli a implementovali řešení na Serverless;
  • Pokud se neplánujete ponořit do technických detailů infrastruktury a přeplatit za nastavení a údržbu serverů a balanceru. Například při vývoji tržiště přesně nevíte, jaký bude provoz, nebo naopak – plánujete velký provoz, a aby vaše aplikace zátěž určitě unesla, pak je Serverless skvělou volbou.
  • Pokud potřebujete provádět nějaké streamovací události v hlavní aplikaci, zapisovat vedlejší data do tabulek, provádět nějaké výpočty. Například shromažďovat analytická data uživatelských akcí, zpracovávat je určitým způsobem a ukládat je do databáze;
  • Pokud potřebujete zjednodušit, sjednotit nebo zrychlit dosavadní chod aplikace. Vytvářejte například služby zlepšující výkon pro práci s obrázky nebo videi, kdy uživatel nahraje video do cloudu, a samostatná funkce se stará o překódování, zatímco hlavní server nadále funguje jako obvykle.

Pokud potřebujete zpracovávat události ze služeb třetích stran. Například zpracovávat odpovědi z platebních systémů nebo přesměrovávat uživatelská data do CRM pro urychlení zpracování požadavků od potenciálních klientů
Pokud máte velkou aplikaci a některé části aplikace lze optimálněji implementovat pomocí jazyka odlišného od hlavního. Máte například projekt v Javě a potřebujete přidat novou funkcionalitu, ale nemáte volné ruce nebo implementace v daném jazyce může trvat déle a již existuje řešení v jiném jazyce, pak vám může pomoci Serverless i s tímto.

Toto není celý seznam nástrojů a technologií, které si zaslouží pozornost, jen jsem se podělil o to, co my sami používáme každý den při své práci a přesně víme, jak mohou pomoci podnikání.

Zdroj: www.habr.com

Přidat komentář