PWA · iPhone · Android · počítač
Progresivní webové aplikace na zakázku
Webová aplikace, kterou si lidé z odkazu přidají na plochu telefonu. Spouští se jako aplikace, funguje i bez signálu a umí posílat notifikace. Pro iPhone, Android i počítač máte jeden kód a novou verzi vydáte bez schvalování v obchodech.
- 1 kód
- pro telefon, tablet i počítač
- Bez obchodů
- instalace přímo z odkazu
- Offline
- data odejdou, až bude signál
Nevíte, jestli chcete PWA, nebo aplikaci v App Store a Google Play? Mezi cestami vybíráme na stránce vývoj mobilních aplikací.
Kdy se PWA hodí?Kdy se PWA hodí
Aplikace, kterou lidé nemusí hledat v obchodě
PWA dává smysl tam, kde je instalace z App Store a Google Play zbytečná překážka. Nejčastěji jde o jednu z těchto čtyř situací.
Lidé v terénu, každý s jiným telefonem
Technici, obchodníci nebo skladníci. Odkaz dostanou e-mailem, aplikaci si přidají na plochu a protokoly vyplňují, fotí a podepisují i ve sklepě bez signálu. Správu firemních telefonů ani publikaci v obchodech kvůli tomu řešit nemusíte.
Zákaznický portál na pár návštěv měsíčně
Objednávky, faktury, servisní termíny. Kvůli něčemu, co člověk otevře párkrát do měsíce, si aplikaci z obchodu stáhne málokdo. Odkaz z e-mailu nebo SMS otevře každý, a kdo chce, uloží si ho na plochu.
Objednávky a rezervace přes odkaz nebo QR kód
Objednávky pro odběratele, rezervace termínů, objednávka ke stolu. Odkaz se pošle v e-mailu, QR kód visí na pultu a zákazník objednává hned, bez stahování.
První verze nového produktu
Zájem ověříte dřív, než zaplatíte vývoj pro dva obchody. PWA stavíme v Reactu, takže když se produkt chytí a bude potřeba aplikace v obchodech, velkou část logiky převezme React Native. Víc o tom píšeme u aplikací pro startupy.
Co PWA umí
Co PWA zvládne na iPhonu a na Androidu
Android s Chromem dovolí webovým aplikacím víc než iPhone se Safari. Tady je přehled toho, na co se klienti ptají nejčastěji.
Instalace na plochu
Android instalaci sám nabídne. Na iPhonu se aplikace přidá přes Sdílet → Přidat na plochu, proto do ní dáváme krátký návod.
- Android
- Ano
- iPhone
- Ano
Práce bez signálu
Obrazovky i rozpracovaná data zůstávají v telefonu. iPhone může smazat data aplikace, kterou dlouho nikdo neotevřel, proto je hlavní kopie vždy na serveru.
- Android
- Ano
- iPhone
- Ano
Push notifikace
Na iPhonu chodí jen do aplikace přidané na plochu (od iOS 16.4) a uživatel je musí povolit.
- Android
- Ano
- iPhone
- Částečně
Kamera, fotky a QR kódy
Focení do protokolu, nahrání fotky z galerie i skenování QR a čárových kódů.
- Android
- Ano
- iPhone
- Ano
Přihlášení otiskem prstu nebo Face ID
Přes passkeys, bez hesla.
- Android
- Ano
- iPhone
- Ano
Poloha
Jen když je aplikace otevřená. Trasu na pozadí PWA nesleduje.
- Android
- Částečně
- iPhone
- Částečně
Odeslání dat na pozadí
Android data odešle po návratu signálu, i když je aplikace zavřená. Na iPhonu odejdou při dalším otevření.
- Android
- Ano
- iPhone
- Ne
Bluetooth a NFC
V Chromu na Androidu jde připojit Bluetooth zařízení a číst NFC štítky. Safari na iPhonu to neumí.
- Android
- Ano
- iPhone
- Ne
Vydání v obchodě
Do Google Play jde PWA vydat jako Trusted Web Activity. Do App Store jen zabalená v nativní aplikaci a Apple takové obaly webu často odmítá.
- Android
- Ano
- iPhone
- Ne
Widgety, hodinky, Live Activities
To zvládne jen nativní aplikace.
- Android
- Ne
- iPhone
- Ne
Stav k říjnu 2026. Prohlížeče se rychle mění, proto před projektem ověřujeme, co potřebujete, na konkrétních telefonech.
Instalace
Jak se PWA dostane do telefonu
Bez obchodu a bez schvalování. Uživatel otevře odkaz a aplikaci si uloží na plochu. Na každém systému to vypadá trochu jinak.
Android
- Otevře odkaz v Chromu nebo jiném prohlížeči.
- Prohlížeč nabídne Instalovat aplikaci. Stejné tlačítko může mít i aplikace sama.
- Ikona je na ploše i v seznamu aplikací a aplikace se spouští bez lišty prohlížeče.
iPhone
- Otevře odkaz v Safari, od iOS 16.4 i v Chromu nebo Edge.
- Ťukne na Sdílet a zvolí Přidat na plochu. Krok za krokem to ukáže nápověda v aplikaci.
- Ikona je na ploše a aplikace se otevírá přes celou obrazovku jako každá jiná.
Kdo si aplikaci nepřidá, používá ji dál v prohlížeči. Funguje stejně, jen bez ikony na ploše a na iPhonu bez notifikací.
Offline a vývoj
Jak PWA stavíme, aby fungovala i bez signálu
Offline režim dělá z webu aplikaci a zároveň se nejsnáz pokazí. Rozpracovaná práce se nesmí ztratit, dvě změny téhož záznamu se nesmí přepsat a uživatel musí vědět, co už odešlo.
Vyzkoušejte si to
Vypněte signál, odškrtejte pár úkolů a signál zase zapněte.
Beroun · 10:00
Vše odesláno
Ilustrační ukázka, nic se nikam neodesílá.
Service worker a cache
Obrazovky aplikace se při první návštěvě uloží do telefonu. Aplikace se pak otevře i bez signálu a se slabým signálem naběhne hned.
Fronta změn v telefonu
Co uživatel udělá offline, uložíme v telefonu a odešleme, jakmile je spojení. Na serveru hlídáme, aby se dvě změny téhož záznamu nepřepsaly.
Aktualizace bez obchodů
Novou verzi nahrajeme na server a aplikace ji nabídne při dalším spuštění. Data rozpracovaná offline přitom nezmizí.
Notifikace na obou systémech
Web Push s nastavením, kdo a kdy notifikace dostává. Na iPhonu i s návodem, jak je povolit.
React, Next.js a TypeScript
Stejné technologie jako u našich webových aplikací. Kdo zná jednu, vyzná se i ve druhé.
Z webové aplikace PWA
Už máte webovou aplikaci? PWA z ní bývá pár kroků
Pokud aplikace běží v prohlížeči a dobře se ovládá na mobilu, většinu práce už máte. Doplníme to, co z webu dělá aplikaci.
Manifest a ikony
Název, ikony a barvy, aby šla aplikace přidat na plochu a spouštěla se přes celou obrazovku.
Offline pro důležité obrazovky
Vybereme, co musí fungovat bez signálu, a jen tam doplníme ukládání a frontu změn. Zbytek může zůstat online.
Notifikace
Web Push napojíme na události v systému: nová zakázka, změna termínu, schválení.
Nápověda k instalaci
Na Androidu tlačítko Instalovat, na iPhonu krátký návod přes Sdílet → Přidat na plochu.
Funguje to i u aplikace, kterou vyvíjel někdo jiný. Nejdřív se podíváme do kódu a řekneme vám, jestli má smysl na něm stavět. Webové aplikace na zakázku popisujeme na stránce vývoj webových aplikací.
Časté dotazy k PWA
Pojďme probrat vaši PWA
Napište, k čemu aplikaci potřebujete a kdo s ní bude pracovat. Ozveme se do jednoho pracovního dne a řekneme vám, jestli je PWA ta správná cesta, nebo by vám víc sedla aplikace v obchodech. Nezávazně.
Jsme česká softwarová firma z Prahy s vlastním vývojovým týmem. Mluvíte přímo s lidmi, kteří vaši aplikaci navrhují a programují, bez řetězce subdodavatelů. Víc na stránce proč iQuest.
