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

  1. Otevře odkaz v Chromu nebo jiném prohlížeči.
  2. Prohlížeč nabídne Instalovat aplikaci. Stejné tlačítko může mít i aplikace sama.
  3. Ikona je na ploše i v seznamu aplikací a aplikace se spouští bez lišty prohlížeče.

iPhone

  1. Otevře odkaz v Safari, od iOS 16.4 i v Chromu nebo Edge.
  2. Ťukne na Sdílet a zvolí Přidat na plochu. Krok za krokem to ukáže nápověda v aplikaci.
  3. 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.

Servisní zásah

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.

  1. Manifest a ikony

    Název, ikony a barvy, aby šla aplikace přidat na plochu a spouštěla se přes celou obrazovku.

  2. 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.

  3. Notifikace

    Web Push napojíme na události v systému: nová zakázka, změna termínu, schválení.

  4. 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

Webová aplikace, kterou si uživatel přidá z prohlížeče na plochu telefonu nebo počítače. Spouští se přes celou obrazovku jako běžná aplikace, funguje i bez signálu a umí posílat notifikace. Neinstaluje se z App Store ani Google Play a pro všechna zařízení má jeden kód.
Ano. Aplikace se přidá v Safari volbou Sdílet → Přidat na plochu a od iOS 16.4 může posílat push notifikace. Některé věci ale iPhone webovým aplikacím nedovolí: Bluetooth, NFC, odesílání dat na pozadí ani vydání v App Store.
V Google Play ano, jako Trusted Web Activity: obchod ji nabízí jako běžnou aplikaci a uvnitř běží váš web. Do App Store se dostane jen zabalená v nativní aplikaci a Apple obaly webu bez vlastních funkcí často odmítá. Pokud je App Store podmínkou, doporučíme React Native.
Rozhoduje hlavně to, jestli aplikace musí být v obchodech a co potřebuje z telefonu. Postup výběru popisujeme na stránce vývoj mobilních aplikací, tabulku se všemi rozdíly najdete ve srovnání způsobů vývoje.
Obrazovky aplikace se při první návštěvě uloží do telefonu, to obstarává service worker. Co uživatel vytvoří offline, uložíme do fronty v telefonu a po návratu signálu odešleme na server. Na Androidu i se zavřenou aplikací, na iPhonu při dalším otevření.
Záleží na rozsahu, stejně jako u každé webové aplikace. PWA je webová aplikace, ke které přibude instalace, offline režim a notifikace. Proti dvěma aplikacím pro obchody ušetříte, protože vyvíjíte jeden kód a nic nepublikujete. Orientační cenu si spočítáte v kalkulačce.
Většinou ano. Přibude manifest, service worker, offline režim pro vybrané obrazovky a notifikace. Když aplikaci vyvíjel někdo jiný, nejdřív se podíváme do kódu a řekneme vám, jestli na něm stavět.
Novou verzi nahrajeme na server a uživatelé ji dostanou při dalším spuštění aplikace, bez schvalování v obchodech a bez stahování aktualizací. Hlídáme přitom, aby aplikace nepřišla o data rozpracovaná offline.
Veřejné části ano. PWA je web s běžnými adresami, které Google indexuje. U aplikací za přihlášením, jako jsou portály nebo interní nástroje, na tom nezáleží.

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.

Kontakt

Na iQuest se můžete spolehnout

S našimi zákazníky spolupracujeme dlouhodobě. Jsme jim oporou od první myšlenky vybudovat software až po dlouhodobou podporu a provoz hotového produktu.

Vladimír Charvát, iQuest

Ozve se vám Vladimír Charvát

Zakladatel a jednatel · obvykle do 1 pracovního dne

Zanechte nám kontakt a my se ozveme