Začnime odpoveďou na otázku – čo je PWA? PWA je skratka pre Progressive Web Apps. Progresívne webové aplikácie sú vzorom na vytváranie webových aplikácií pomocou HTML, CSS, JS a moderných rozhraní API webového prehliadača, ktoré prinášajú natívny zážitok.
PWA kombinujú to najlepšie z 2 svetov: web a natívne aplikácie. Rovnako ako iné mobilné aplikácie, aj PWA sa dajú ľahko nainštalovať a uľahčujú vývojovú prácu každému obchodníkovi, ktorý sa snaží osloviť čo najviac zákazníkov.
Zatiaľ čo parita funkcií medzi progresívnymi webovými aplikáciami a natívnymi aplikáciami ešte nie je 1:1, PWA už od svojho vzniku prešli cestou. Funkcie ako okamžité načítanie, push notifikácie a offline navigácia/nákup sú teraz široko dostupné bez ohľadu na implementáciu PWA, ktorú si vyberiete.
Nebudú to byť v každom prípade tým správnym prístupom – ak napríklad potrebujete funkciu, ktorá nie je dostupná vo webovom prehliadači alebo prostredníctvom rozhrania API, pravdepodobne budete musieť ísť natívnou cestou. Možnosti PWA sa však neustále rozširujú a to, čo si dnes môže vyžadovať natívnu aplikáciu, zajtra môže byť hodné PWA. Projekt Fugu je dobré miesto, kde môžete vidieť, čo prichádza a na čom sa práve pracuje.
Prečo sú PWA taká veľká vec?
PWA prichádzajú s neuveriteľnou sadou funkcií, ktoré boli kedysi vyhradené iba pre natívne mobilné aplikácie. Zatiaľ čo bežné webové aplikácie majú obrovský dosah v každom zariadení s prehliadačom, na konci dňa sú tieto aplikácie len webovou stránkou v prehliadači.
Natívne aplikácie sú ďalším spôsobom, ako osloviť mobilných používateľov, ale musia byť vyvinuté pre jednu platformu / operačný systém naraz. PWA umožňujú vývoj jednej aplikácie pre platformy. Tento zjednodušený prístup je niečo, na čo vývojári mobilných zariadení netrpezlivo čakali – ľahko osloví každého potenciálneho zákazníka bez ohľadu na to, aký operačný systém používa.
Riešia aj jeden z najnáročnejších problémov, ktorým vývojári čelia: distribúciu. Keďže tieto aplikácie nemusíte publikovať na trhovisku, stačí do manifestu pridať niekoľko riadkov a PWA sa dá jednoducho nainštalovať niekoľkými kliknutiami. Výsledky prinášajú konzistentnú zákaznícku skúsenosť, ktorú očakávajú prostredníctvom natívnej aplikácie, ale s PWA získajú samostatnú skúsenosť, úplne oddelenú od webového prehliadača.
To znamená zážitok na celej obrazovke bez panela s adresou URL, možnosť nainštalovať PWA a ukotviť ho na domovskú obrazovku zariadenia namiesto návštevy bežnej webovej stránky a navyše všetko, Servisný pracovník má ponúknuť.
Namiesto starého spôsobu aktualizácie odoslaním formulára a čakania na schválenie a zverejnenie novej verzie na App Marketplace sú zmeny vykonané v akomkoľvek PWA okamžite dostupné, keď sa najbližšie pripojíte na internet a otvoríte aplikáciu. Inštalácia PWA je teraz štandardnou funkciou, ktorá je k dispozícii vo všetkých hlavných mobilných prehliadačoch, ako aj v prehliadačoch Chrome a Edge na počítači.
Ako PWA pomáha obchodníkom v Magento?
Priznajme si to: frontend Magento 2 bol už starý, keď bol vydaný, a videli sme, ako sa hrá s rámcami ako Prototype.js a Knockout.js.
Ekosystém JavaScript sa rýchlo a neustále vyvíja podľa najpopulárnejších rámcov, vývojových trendov a aktualizovaných osvedčených postupov. Preto je náročné držať krok, keď musíte udržiavať oddelené kódové základne.
PWA sú obzvlášť atraktívne pre obchodníkov používajúcich Magento 2, pretože znižujú zložitosť front-endového vývoja, poskytujú vám flexibilitu, rozšíriteľnosť a príležitosť nasadiť zdroje na vývoj nových funkcií. Vývojári môžu implementovať takmer všetko do bežného frontendu Magento 2 za zlomok nákladov a času pomocou ktoréhokoľvek z dostupných API.
Ako môžu zákazníci spustiť PWA na Hostinger?
Uľahčili sme spustenie PWA na platforme Hostinger. Vytvorili sme sprievodcu krok za krokom ako nainštalovať oficiálny PWA PoC Magento, výkladná skriňa Venia. Tento zdroj popisuje, ako vytvoriť, skompilovať a preniesť tento PoC na jeden z našich serverov bez potreby spúšťania a údržby middlewarových služieb.