Zadejte hledaný výraz...
Jakub Glos
Webtrh.cz
Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery
Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč
Více informací

PWA aplikace: uživatelské nastavení názvu aplikace a její ikony na Androidu

Pablo74
verified
rating uzivatele
6. 8. 2021 14:07:12
Tohle není dotaz, ale řešení.
PWA aplikace jsou v podstatě webové aplikace, co se dají nainstalovat do zařízení s Androidem stejně, jako nativní aplikace z Google Play. Je to takový to "Přidat na plochu", informační panel ve spodní části obrazovky, na kterej jste narazili při čtení webů na mobilu. Jo a fungujou taky offline.
PWA aplikace použivá manifest.json, kde jsou vývojářem tyto položky vyplněny (pro jednoduchost se bavíme o jménu a ikoně aplikace; ovšem je tam toho pochopitelně mnohem víc). Dají se tyto položky nastavit dynamicky?
Inu: dají, pokud se soubor manifest.json vygeneruje na servru při požadavku, pak se to ovlivnit dá. Co když ale nemáme soubory generovaný dynamicky, ale jen hostujeme statický stránky. Nešlo by to nějak?
Na vývojářských fórech jsou k tomuto dotazu témata a nějakým způsobem to řešitelný je.
Trochu jsem zapátral, vyšel z práce několika výborných vývojářů, prošel si slepou cestou a hle: výsledek je na světě. Pokud vývojář implementuje mnou popsaný postup, umožní uživateli nastavit si název a ikonu aplikace před její instalací do telefonu, ale tato změna z implicitních hodnot na uživatelem nastavené se děje na klientovi, tj. přímo v mobilu a server do toho nijak není zatažen.
V podstatě jde o sérii tří kroků:
- formulář (mimo vlastní PWA aplikaci), kde si uživatel nastaví svoje hodnoty
- z formuláře se vytáhnou data a použijí se jako parametr v url adrese PWA aplikace, které se tímto předají a na tuto url se přesměruje
- v PWA aplikaci si tyto hodnoty parametrů přečteme, přepíšeme jimi JSON objekt (obsahující implicitní hodnoty) a injektujeme ho jako manifest.json
Není to vůbec nic složitýho, tady je k tomu můj článek s podrobným popisem a kompletním zdrojovým kódem: https://dev.to/pablo_74/pwa-set-manifest-json-name-icon-dynamically-client-side-jabbadabbadoo-10h7
6. 8. 2021 14:07:12
https://webtrh.cz/diskuse/pwa-aplikace-uzivatelske-nastaveni-nazvu-aplikace-a-jeji-ikony-na-androidu/#reply1488487
Pro odpověď se přihlašte.
Přihlásit