Progresivní webová aplikace WordPress

Progresivní webová aplikace s WordPress: výhody a nevýhody

Náš agenturní partner giftGRÜN vytvořil WordPress, progresivní webovou aplikaci (zkráceně PWA) pro Fakultní nemocnici RWTH Aachen, která podporuje onboarding nových zaměstnanců. Mluvili jsme s Patrickem Heinkerem o výhodách a nevýhodách PWA versus webových stránek a nativních aplikací.

Jak funguje progresivní webová aplikace

Patriku, jak přesně PWA funguje a co ukládání dat?

Ve WordPressu je obsah udržován a výstup prostřednictvím normálních šablon. ServiceWorker zajišťuje offline funkce. Při počátečním otevření stránky ServiceWorker stáhne soubor ZIP se všemi stránkami, který je generován na straně serveru.

Při volání stránky se zobrazí stránka, která je již v mezipaměti. A ServiceWorker se postará o aktualizaci na pozadí, takže při příští návštěvě zobrazí nový obsah, pokud se něco změní. Volitelně můžete také znovu načíst po aktualizaci, ale to nebylo nutné pro náš případ použití.

Progresivní webová aplikace WordPress
Screenshoty z progresivní webové aplikace pro Fakultní nemocnici RWTH Aachen

Ukládání dat probíhá zcela offline, pouze pro videa a externí obsah musí existovat připojení k internetu.

PWA vs nativní aplikace

Jaké jsou rozdíly, ale také výhody ve srovnání s nativními aplikacemi?

Nativní aplikace jsou specifické pro platformu, často časově náročné, a proto nákladné na implementaci. Kromě toho musí být distribuovány prostřednictvím oficiálních obchodů pro velký dosah. PWA, na druhé straně, mohou být instalovány přímo při návštěvě webu stisknutím tlačítka.

Apple je však stále trochu pozadu s podporou funkcí PWA. Ale to není nic nového mezi webovými vývojáři, že Safari nepodporuje věci, které byly běžné v jiných prohlížečích po celá léta ...

Jak progresivní webová aplikace spolupracuje s WordPressem?

WordPress používáme pro údržbu dat, ale také pro šablony. Jedná se o normální webovou stránku s jediným rozdílem, že obsah je k dispozici offline prostřednictvím JavaScript ServiceWorker. A že se chová téměř jako nativní aplikace.

K dispozici je také možnost spolehnout se na REST API WordPressu a vykreslit vše na straně klienta, jak by to bylo běžné v nativních aplikacích. Pro naši aplikaci jsme však zaznamenali pouze další úsilí, které nepřináší téměř žádný užitek.

Implementace progresivní webové aplikace pomocí WordPressu

Jaké přístupy existují, pokud chcete realizovat progresivní webovou aplikaci s WordPressem?

Existují některé pluginy, které lze použít k přeměně stránky na progresivní webovou aplikaci stisknutím tlačítka a několika nastavení. K dispozici jsou také služby push notifikací, které lze použít k informování všech návštěvníků blogu o nových příspěvcích. Tyto hotové pluginy jsou však spíše určeny k tomu, aby vytvořily normální blog offline připravený a předběžně načetly cílené soubory.

Po hraní s některými z těchto pluginů jsme šli na vlastní řešení. Naše funkce jsme vybudovali odděleně od pluginů, například abychom umožnili úplné načtení obsahu stránky prostřednictvím zipu generovaného serverem a byli flexibilnější při přizpůsobení funkcí. Push notifikace jsou obvykle mapovány prostřednictvím placených služeb, ale mohou být stejně dobře vytvořeny sami.

PWA: Kompatibilita a ochrana osobních údajů

Jaká jsou možná úskalí a jak jste je vyřešili? A co ochrana dat?

Obvyklá věc o vývoji webu: Každý prohlížeč tiká jinak a musí být rozsáhle testován na všech zařízeních. Apple odmítá plně podporovat funkce PWA a opět má své vlastní metaznačky specifické pro Apple, aby aplikace fungovala, což se odchyluje od standardu.

Model ukládání do mezipaměti by měl být zvolen tak, aby vyhovoval případu použití. ServiceWorkers mohou vytvářet stránky uložené v mezipaměti v milisekundách a aktualizovat je na pozadí. Pokud jsem však na stránce s novinkami, může uživatel chtít zobrazit malý panel čekání, dokud nebude načten nejnovější obsah.

Ochrana osobních údajů byla jedním z hlavních důvodů, proč jsme si vybrali PWA. Obsah a pokrok uživatelů v učení jsou udržovány zcela offline. Server nikdy nevidí, který uživatel volá co, protože neexistují žádní registrovaní uživatelé. Zda nový zaměstnanec nyní vše propracoval, nebo si aplikaci ani nenainstaloval, nelze tedy pochopit.

Výhody a nevýhody systémů

Jak se u každého zákazníka rozhodujete, která technologie je pro takový projekt nejvhodnější?

Existují aplikace, které lze implementovat pouze prostřednictvím nativní aplikace. Například, pokud zákazník absolutně chce mít push oznámení na iPhone, pak neexistuje žádný jiný způsob, než nativně. Na druhou stranu, výroba PWA pomocí webových technologií a zřeknutí se celé manipulace s obchodem je také výrazně levnější než nativní aplikace. Rozhodující roli samozřejmě hraje i dostupný rozpočet.

Máte v plánu nějaké další projekty PWA, o kterých nám již můžete říct?

Hodně - ale zatím je 😉 nechceme prozrazovat Jen tolik: dokonce i v sektoru elektronického obchodování lze s PWA dělat skvělé věci.

Pár slov o tobě a tvé agentuře?

giftGRÜN je digitální agentura v rámci skupiny GRÜN. Naše skupina společností je předním poskytovatelem systémů dárcovství a řízení členů v Německu. Většina našich projektů je o nastavení celkového systému pro naše zákazníky, tj. propojení našeho ERP systému s webovými stránkami.

Děláme spoustu práce s rozhraním a vyvíjíme pro něj vlastní témata WordPress. Náš tým se skládá z designérů, front- a back-enderů a projektových manažerů. Samozřejmě, náš oblíbený hostitel pochází z Münsteru 🙂

Vaše dotazy týkající se progresivních webových aplikací

Jaké máte otázky týkající se progresivních webových aplikací? Neváhejte použít funkci komentáře. Chcete se dozvědět o nových příspěvcích o WordPress a WooCommerce být informován? Pak nás sledujte na Twitteru, Facebooku,LinkedInnebo prostřednictvím našeho newsletteru.

Líbil se vám tento článek?

Svou recenzí nám pomůžete zlepšit náš obsah.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.