jsou to roky od začátku věku smartphonu. S tím přišla éra nativních aplikací. Aplikace i nadále hrají v našem každodenním životě obrovskou roli, a mnoho majitelů firem se několikrát ptalo: měli bychom mít aplikaci? Samozřejmě, jediná odpověď na to je-záleží. Budování a údržba nativní aplikace je těžkopádné a často poměrně drahé. Naštěstí je tu ještě jedna možnost. Tato možnost kombinuje radosti nativní aplikace s technologií, kterou používáme na webu: progresivní webová aplikace, aka PWA.

co je PWA?

PWA je zkratka pro progresivní webové aplikace. To je aplikace, postavený od webových technologií, jsme všichni znají a milují, jako jsou HTML, CSS, a JavaScript, ale s citem a funkce, které soupeři skutečné nativní aplikace. Díky několika chytrým doplňkům můžete proměnit téměř jakýkoli web v progresivní webovou aplikaci. To znamená, že můžete vytvořit PWA poměrně rychle, pokud jde o nativní aplikaci, kterou je docela obtížné vyvinout. Navíc můžete nabídnout všechny funkce nativních aplikací, jako jsou oznámení push, Podpora offline a mnoho dalšího.

mnoho webů, které najdete online, je ve skutečnosti progresivní webovou aplikací. Vzít twitter.com například. Pokud navštívíte tento web ve smartphonu, můžete jej nainstalovat na domovskou obrazovku. Nyní při Otevření uloženého webu Twitter zjistíte, že vypadá a funguje stejně jako nativní aplikace. Neexistuje žádné okno prohlížeče nebo nic. Není žádný rozdíl v jeho spuštění z iPhone nebo smartphonu Android. Stačí se přihlásit a máte dobré jít. To je hlavní výhoda vytváření webové aplikace s ohledem na PWA.

PWA získávají na popularitě. Mnoho velkých webů je PWA, jako Starbucks.com, Pinterest.com, Washingtonpost.com a Uber.com jsou skutečně instalovatelné na domovské obrazovce a nabízejí srovnatelný zážitek s jejich nativními aplikacemi.

jaký je rozdíl mezi nativní aplikací a PWA?

nativní aplikace, jako ty, které si stáhnete z Apple App Store nebo Google Play Store, je často postavena v programovacím jazyce specifickém pro tuto platformu. Takže pro aplikace pro iOS, To by bylo rychlé a pro aplikace pro Android, Java. Pokud chcete vytvořit aplikaci pro tyto platformy, musíte znát technologii. Ano, existují zkratky, Ale ty přicházejí s vlastními omezeními. Pokud chcete mít aplikaci na všech mobilních platformách, musíte znát všechny různé technologie. Neexistuje žádný snadný způsob, jak vytvořit jeden a publikovat jej do všech obchodů venku.

samozřejmě existují způsoby, jak získat to nejlepší z obou světů. Například progresivní webová aplikace. To běží v prohlížeči a — po uložení na domovskou obrazovku-funguje jako nativní aplikace. Dokonce získá přístup k podkladovému hardwaru a softwaru, ke kterému prohlížeč nemá přístup z bezpečnostních důvodů. Pokud PWA funguje skvěle, uživatelé nikdy nebudou vědět, že místo nativní aplikace používají webovou aplikaci.

existují samozřejmě určité námitky. Zatímco prohlížeče tuto technologii rychle přijaly, stále existují určitá omezení. V systému iOS funguje potřebná technologie v Safari. Apple zatím (nechce) podporovat všechno, takže je trochu fuška získat všude stejný přesný zážitek.

jaké jsou výhody PWA?

hlavním důvodem, proč se všichni honí za aplikacemi, Je to, že nabízejí větší zapojení. Uživatelé, kteří nainstalují vaši aplikaci, jsou vaši největší fanoušci a je pravděpodobnější, že změní své použití na prodej nebo registrace. Díky push notifikacím je mnohem snazší znovu spolupracovat s uživateli. Aplikace mohou nabídnout vynikající zážitek, který může udělat dobře pro značku.

v tomto článku jsme hovořili o některých plusech PWA, ale zde je krátký přehled:

• nemusíte jít přes proces se dostat do různých obchodů s aplikacemi
• můžete Si vytvořit PWAs s běžných webových technologií
• jsou často levnější postavit
• Protože jsi obrátil své stránky do aplikace, budete mít méně kódu-bází udržet
• PWAs jsou citlivý a práce s mnoha různých velikostí obrazovky
• PWAs jsou hladké, rychlé a lehké
• Není třeba, aby se ruku z velkou sumu peněz, aby Google a Apple
• pracují v režimu offline, na rozdíl od své běžné webové stránky
• PWAs jsou zjistitelné prostřednictvím vyhledávačů (které mají o hodně větší publikum než obchody s aplikacemi. Navíc, pokud chcete, můžete stále dostat své PWA distribuovány prostřednictvím obchodů s aplikacemi)
• můžete použít oznámení push k opětovnému zapojení uživatelů
• instalace PWA může vést k vyššímu zapojení

přesto nativní aplikace někdy vyhrají. PWA získají hlubší a hlubší přístup k operačnímu systému smartphonu, ale nativní aplikace může jít ještě hlouběji. Plus, existují limity toho, co může PWA udělat. Například PWA nejsou nejlepší volbou, pokud chcete vytvářet vysoce výkonné hry.

Celkově vzato má velký smysl přemýšlet o tom, že máte PWA ve své mobilní strategii. Ale hlavní otázka, kterou byste si měli položit, je: chce to moje publikum?

pro koho to je?

měl by každý jednoduše postavit PWA a být s ním hotový? Ne, zvažte své podnikání a-co je důležitější-vaše cílové publikum. Používají dokonce aplikace? Není to příliš složitý způsob, jak se dostat k tomu, čeho chcete dosáhnout? Znovu, stejně jako všechno, musíte prozkoumat potřeby svého publika. Zeptejte se sami sebe, co chcete, aby tato technologie udělala? Kde jsou vaši uživatelé? Mají dobré datové připojení a solidní hardware? Jak a kde používají váš obsah? A myslíte si, že aplikace jim může pomoci dělat svou práci lépe?

PWA jsou úžasné a jejich implementace nemusí být tak těžká. Ale jen proto, že je to snadné, neznamená, že byste to měli dělat. Pokud to vaše publikum nepotřebuje, proč byste ho stavěli?

jaké jsou SEO obavy PWA?

PWA je ze své podstaty web-centric. Narodil se z webu a byl vyvinut s ohledem na vyhledávače, aby byl objev snadný. Samozřejmě můžete vytvořit progresivní webovou aplikaci z jakéhokoli starého webu a netrvá to moc. Nicméně, mnoho PWAs použít JavaScript vytvářet složitější funkce a zatímco vyhledávače se staly apt na vykreslování Javascriptu, může být stále důvodem k obavám.

při nastavování PWA se musíte ujistit, že je váš JavaScript přístupný. Neblokujte soubory pro roboty a ujistěte se, že jsou k dispozici odkazy. Chcete-li zlepšit proces vykreslování, můžete svůj rámec JavaScript použít Vykreslování na straně serveru.

přeměna vašeho webu na PWA neznamená, že přímo vylepšujete SEO tohoto webu. Pokud má smysl změnit váš web na PWA, udělejte to, ale nedělejte to pro žádné vnímané výhody SEO. Pokud máte skvělý PWA, nabízíte svým uživatelům fantastický uživatelský zážitek, což by vás mohlo sjednotit ve vaší konkurenci. V tomto ohledu je dobré se na ně podívat pro svou mobilní SEO strategii.

jaké jsou tři hlavní stavební kameny?

nastavení PWA netrvá moc. Než se váš web změní na platnou PWA, musíte poskytnout tři věci.

• zabezpečené připojení (HTTPS): PWA fungují pouze na důvěryhodných připojeních, musíte je obsluhovat přes zabezpečené připojení. To není jen z bezpečnostních důvodů, ale je to také velmi důležitý faktor důvěry pro uživatele.
• servisní pracovník: servisní pracovník je část skriptu, která běží na pozadí. To vám pomůže určit, jak zpracovat síťové požadavky pro váš PWA, což umožňuje provádět složitější práci.
• soubor manifestu: tento soubor JSON obsahuje informace o tom, jak by se vaše PWA měla objevit a fungovat. Zde určíte název, popis,ikony, barvy atd.

zde je ukázkový manifest od Googlu:

nevypadá to příliš tvrdě, že? Pár zajímavých věcí v tomto seznamu:

• start-url: to určuje, kde by měla aplikace začít. Je lepší nechat uživatele přistát na konkrétní stránce pro vás PWA.
• display: to vám pomůže určit, jaký typ uživatelského rozhraní prohlížeče chcete zobrazit. Možnosti jsou fullscreenstandaloneminimal-ui standardní browser rozhraní.

tyto tři výše uvedené věci jsou minimální požadavky na provoz PWA. Funkce můžete rozšířit pomocí JavaScriptu (rámců).

jak nastavit PWA?

existuje spousta zdrojů, které můžete vyzkoušet při vytváření jednoduchého PWA. To vám umožní získat cit pro tento proces. Google má vynikající, snadno sledovat návod na PWA na webu.dev stránky. Mozilla má spoustu dokumentace o vytváření progresivních webových aplikací. Microsoft má také bohaté vývojářské dokumenty o budování PWA. Společnost Microsoft dokonce vytvořila nástroj s názvem PWABuilder, který vám pomůže změnit váš web na PWA. Samozřejmě existují pluginy WordPress, které vám pomohou vytvořit PWA vašeho webu. Kromě toho Google pracuje na tom, aby základní podpora pro PWA do jádra WordPress.

zapojte své uživatele do progresivní webové aplikace

progresivní webové aplikace mohou být skvělým doplňkem vaší mobilní sady nástrojů. Dobře, jsou rychlé, pracují offline a fungují jako nativní aplikace. Celkově vzato, mohou svým uživatelům nabídnout úžasný uživatelský zážitek. Zapojení uživatelé jsou šťastní uživatelé, že jo?