Čo je PWA (Progresívna webová aplikácia)?
PWA je webová aplikácia, ktorá využíva moderné webové technológie na poskytnutie zážitku podobného natívnej aplikácii. Funguje offline, dá sa nainštalovať na domovskú obrazovku a môže odosielať push notifikácie.
Definícia PWA (Progresívna
Čo je PWA
Progresívna webová aplikácia (PWA) je typ webovej aplikácie, ktorý kombinuje výhody webu a natívnych mobilných aplikácií. Termín zaviedli inžinieri z Google Alex Russell a Frances Berriman v roku 2015. PWA funguje v prehliadači, ale dokáže pracovať aj offline, odosielať push notifikácie a pristupovať k hardvéru zariadenia.
Kľúčové technológie PWA
- Service Worker — JavaScript kód bežiaci na pozadí, ktorý umožňuje offline prístup, ukladanie do cache a push notifikácie
- Web App Manifest — JSON súbor, ktorý definuje názov, ikonu a farby aplikácie pre inštaláciu na domovskú obrazovku
- HTTPS — PWA vyžaduje zabezpečené pripojenie, čo zvyšuje bezpečnosť
- Responzívny dizajn — aplikácia sa prispôsobí akejkoľvek veľkosti obrazovky
Výhody oproti natívnym aplikáciám
PWA nevyžaduje inštaláciu z App Store ani Google Play — používateľ jednoducho navštívi webstránku a pridá si ju na domovskú obrazovku. Aktualizácie sú okamžité (bez čakania na schválenie v obchode). Medzi známe PWA patria Twitter Lite, Pinterest, Starbucks a Uber.
Praktický príklad
Príklad: Reštaurácia chce online objednávkový systém, ale nechce platiť za vývoj natívnej aplikácie pre iOS aj Android.
Riešenie: Vývojár vytvorí PWA s offline menu, push notifikáciami o stave objednávky a možnosťou pridania na domovskú obrazovku.
Výsledok: Zákazníci navštívia web reštaurácie, pridajú si ho na domovskú obrazovku a používajú ho ako bežnú aplikáciu. Reštaurácia ušetrila 70 % nákladov oproti natívnemu vývoju a nepotrebuje schválenie v App Store.
Často kladené otázky
Čo je PWA?
PWA (Progressive Web App) je webová aplikácia, ktorá sa správa ako natívna mobilná aplikácia. Funguje offline, dá sa nainštalovať na domovskú obrazovku a môže posielať push notifikácie.
Aký je rozdiel medzi PWA a natívnou aplikáciou?
PWA beží v prehliadači a nevyžaduje inštaláciu z obchodu. Natívna aplikácia sa stiahne z App Store alebo Google Play. PWA je lacnejšia na vývoj, ale má obmedzený prístup k niektorým funkciám zariadenia.
Funguje PWA na iPhone?
Áno, PWA funguje na iPhone v Safari. Apple však obmedzuje niektoré funkcie — napríklad push notifikácie boli pridané až v iOS 16.4 a úložisko Service Workera je limitované.
Je PWA vhodná pre e-shop?
Áno, PWA je vynikajúca voľba pre e-shop. Pinterest zaznamenal po zavedení PWA 60 % nárast zapojenia a 44 % nárast príjmov z reklám. Offline prístup umožňuje prehliadanie produktov aj bez internetu.
Súvisiace pojmy
Potrebujete pomôcť s webom?
Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.