PWA: progresivní webová aplikace místo aplikace v obchodě
PWA (progressive web app, progresivní webová aplikace) je web, který se umí chovat jako aplikace: dá se nainstalovat na plochu, spouští se na celou obrazovku, část funguje bez připojení a může posílat upozornění. Pro objednávky, rezervace nebo interní nástroje často stačí místo vývoje dvou aplikací pro obchody. Na iPhonu ale má omezení, o kterých je dobré vědět předem.
Aktualizováno
Co dělá z webu PWA
PWA není samostatná technologie, ale web, který splní několik podmínek. Ty hlavní jsou tři:
- Zabezpečené spojení HTTPS – bez platného SSL certifikátu prohlížeč funkce aplikace nepovolí.
- Manifest – malý soubor s názvem aplikace, ikonami, barvami a tím, jak se má otevírat (s adresním řádkem, nebo bez).
- Service worker – skript, který běží mezi aplikací a sítí. Ukládá soubory do mezipaměti, díky čemuž aplikace naběhne i bez signálu, a přijímá push notifikace.
Pod tím je obyčejná webová aplikace nebo web. Musí být dobře použitelný na telefonu, jinak instalace na plochu nic nezachrání.
Co PWA umí
| Funkce | Jak to vypadá pro uživatele | Na co si dát pozor |
|---|---|---|
| Instalace na plochu | Ikona vedle ostatních aplikací, spuštění bez adresního řádku | Na iPhonu jen ručně přes nabídku Sdílet |
| Offline režim | Uložené obrazovky a data jsou k dispozici i bez připojení | Co se uloží, musí se naplánovat; změny se odešlou až online |
| Notifikace | Upozornění na nový stav objednávky, připomínka termínu | Uživatel musí souhlasit; na iPhonu jen po přidání na plochu |
| Okamžité aktualizace | Nová verze bez stahování z obchodu | Správně nastavená mezipaměť, aby se načetla |
| Přístup k zařízení | Fotoaparát, poloha, sdílení | Některá rozhraní, např. Bluetooth nebo NFC, Safari nepodporuje |
Omezení na iPhonu
Na Androidu prohlížeč Chrome sám nabídne instalaci a PWA se chová téměř jako běžná aplikace. Na iOS prohlížeče až na výjimky běží na stejném jádru jako Safari (WebKit) a Apple podporuje PWA opatrněji:
- automatickou výzvu k instalaci iPhone neukáže – uživatele musíte navést, aby použil „Sdílet → Přidat na plochu“,
- webové notifikace fungují až v novějších verzích iOS a jen u aplikace přidané na plochu,
- data uložená webem může systém po delší nečinnosti smazat, offline úložiště je proto spíš mezipaměť než trvalý archiv,
- práce na pozadí a některé hardwarové funkce jsou omezené nebo chybí.
Apple chování PWA mezi verzemi systému mění, proto si před rozhodnutím ověřte aktuální stav v dokumentaci WebKitu a hlavně vyzkoušejte prototyp na skutečných telefonech vašich uživatelů.
Kdy PWA nahradí aplikaci z obchodu
PWA obvykle stačí, když jde o objednávky, rezervace, věrnostní kartu, katalog, klientský přehled nebo interní nástroj pro zaměstnance v terénu. Uživatel nemusí nic hledat v obchodě – stačí mu odkaz nebo QR kód. Typickým příkladem je věrnostní program, ke kterému se zákazník dostane přes QR kód u pokladny.
Nativní aplikace je lepší, když potřebujete stálou práci na pozadí (sledování trasy), hlubší napojení na hardware, spolehlivé notifikace u všech uživatelů iPhonu, nebo když zákazníci aplikaci očekávají právě v obchodě. Podrobné srovnání najdete v článku Mobilní aplikace, nebo web.
Častý rozumný postup: začít jako PWA, ověřit, že lidé aplikaci používají, a nativní verzi stavět až na základě skutečných potřeb. Kód na serveru i rozhraní (API) se dají použít znovu.
Počítejte i s tím, jak se aplikace k lidem dostane. Z obchodu ji uživatel najde vyhledáním, PWA mu musíte nabídnout sami – na webu, v e-mailu po objednávce, na letáku. Pomůže krátký návod přímo v aplikaci, jak si ji přidat na plochu, zvlášť pro iPhone. Kdo ji na plochu nepřidá, může ji dál normálně používat v prohlížeči, jen přijde o ikonu a na iPhonu i o upozornění.
PWA na míru u nás
Aplikace stavíme podle zadání, proto v ceníku pevnou částku nemají. Po upřesnění, co má aplikace dělat a na jakých zařízeních, vám pošleme cenu předem; dodatečné úpravy se účtují po hodinách za 1 000 Kč. Polovinu ceny hradíte předem, zbytek až po dokončení. Jak vývoj aplikace probíhá, popisuje stránka Aplikace na míru.
Časté otázky
Pozná uživatel rozdíl mezi PWA a běžnou aplikací?
U jednoduchých aplikací často ne – ikona na ploše, celá obrazovka, žádný adresní řádek. Rozdíl se ukáže u věcí, na které web nedosáhne: hlubší napojení na systém, některé senzory nebo práce na pozadí. A samozřejmě v tom, že aplikaci nenajde v obchodě, pokud ji tam zvlášť nezveřejníte.
Dá se PWA dostat do Google Play nebo App Storu?
Do Google Play ji lze zabalit pomocí technologie Trusted Web Activity. U App Storu je to složitější: aplikace musí splnit pravidla Applu a ty, které jsou jen obalem webu bez přidané hodnoty, mohou být odmítnuty. Aktuální podmínky si vždy ověřte v dokumentaci obou obchodů.
Je PWA vidět ve vyhledávání Google?
Ano, PWA je pořád web s adresami, které jde indexovat. Platí pro ni stejná pravidla jako pro jiné weby – obsah musí být dostupný i bez přihlášení, pokud ho chcete mít ve výsledcích, a stránky se mají rychle načíst.
Co se stane s aplikací, když ji změníme?
Nová verze se nahraje na server a uživatelům se načte při příštím spuštění, případně po obnovení. Nemusí nic stahovat z obchodu a nečeká se na schválení. Jen je potřeba správně nastavit, kdy si aplikace nové soubory stáhne, aby lidé nezůstali na staré verzi z mezipaměti.