Progresivní webové aplikace - budoucnost moderního webu?

Progressive Web Apps (PWA) jsou v dnešní době promluvou o městě, a to především díky jejich úžasné použitelnosti a jedinečné uživatelské zkušenosti. Díky kombinovaným funkcím webových stránek a nativních aplikací se PWAs stávají normou pro webové aplikace s více zařízeními umožňuje vývojářům vytvářet dynamické aplikace s rychlým načítáním bez použití hybridních rámců.

Věřím, že Progressive Web Apps jsou budoucnosti webových stránek - a v následujícím textu se budu zabývat jeho přínosy a případy použití, abych vám dal celý obraz. Pojďme na to.

Co jsou progresivní webové aplikace?

Termín “Progresivní webové aplikace” byl nejprve vytvořen Alex Rusell (vývojář Google Chrome) a Frances Berriman (designér). Alex sdílel svůj nápad o Progressive Web Apps, které “Tyto aplikace nejsou zabaleny a rozmístěny prostřednictvím obchodů, jsou to jen webové stránky, které vzaly všechny správné vitamíny“.

“Stránky, které chtějí posílat oznámení nebo být na domovské obrazovce, si musí toto právo časem vydělat, protože je stále více využíváte. Postupně se stávají “aplikac픓, napsal Alexe o PWA 'appiness. Nakonec uzavřel, “tyto aplikace mohou přinést rovnoměrné lepší uživatelský komfort než tradiční webové aplikace“.

Webové aplikace vs. Progresivní webové aplikace

Webové aplikace nebo tradiční webové aplikace jsou aplikace na straně klienta běžet přímo ve webovém prohlížeči. I když jsou lepší než webové stránky, ale mají své problémy. Pokud neznáte rozdíl mezi webovými aplikacemi a webovými stránkami, webové aplikace se liší od webových stránek, protože webové aplikace vypadají a mají pocit, že jsou nativní aplikace.

Jak již bylo řečeno, Progressive Web Apps jsou další generace webových aplikací Využívají nativní vylepšení zařízení a fungují podobně jako nativní aplikace. Například aplikace Progressive Web Apps mohou využívat nativní funkce jako je fotoaparát, majáky, atd., spolu s funkcemi, jako je offline cache, push oznámení, atd.

Proč potřebujeme progresivní webové aplikace?

Na jedné straně máme nativní aplikace, které jsou neuvěřitelně rychlé a spolehlivé i v těch nejhorších situacích, jako je pomalé nebo žádné připojení. Na druhé straně máme webové stránky a webové aplikace, které jsou pomalé a nefungují dobře v podmínkách sítě. To je důvod, proč většina lidí preferují nativní aplikace.

Projekt Accelerated Mobile Pages (AMP), projekt podporovaný společností Google, byl zahájen v roce 2016 řešit problémy s pomalým připojením, mobilních uživatelů. Nicméně, AMP neřeší problémy žádné síťové problémy. Také nezrychluje dobu načítání, stejně jako nativní aplikace, a opět má několik omezení pro dosažení této rychlosti.

Proto potřebujeme Progressive Web Apps. PWAs poskytují nejlepší možný uživatelský zážitek v pomalé nebo žádné síti podmínky. Například PWA může zobrazit obrazovku postupu, když načítá obsah nebo úvodní obrazovku, když neexistuje žádné připojení k webu.

Proč mají progresivní webové aplikace smysl?

Jak uvádí zpráva ComScore 2017 Mobile Mobile App, uživatelé aplikací stráví téměř 77 procent svého času na svých třech nejlepších aplikacích, zatímco ostatní aplikace zůstanou nečinné, ale stále blokují systémové prostředky včetně paměti. Kromě toho to také sdílí 50% uživatelů stahuje nulové aplikace měsíčně. Tato skutečnost naznačuje, že uživatelé váhají s instalací nových aplikací, a proto má PWA výhodu.

Zjistil jsem, že lidé většinou chodí na webové stránky na počítačích, ale dávají přednost aplikacím na mobilních zařízeních (přirozené aplikace, samozřejmě). Důvodem je, že počítače nabízejí mnohem více síťových zdrojů než smartphony a aplikace spotřebují méně zdrojů než jejich protějšky webových stránek. Také jsou rychlé a spolehlivé.

Kromě toho, nativní aplikace stojí mnohem více než webové stránky - až pětkrát až desetkrát nebo více v závislosti na typu projektu. Také jejich náklady se mohou násobit, pokud je potřeba vyvíjet nativní aplikace pro více platforem (např. Android a iOS) s různými kódovými základnami. PWA však může pomoci minimalizovat takové vysoké náklady na vývoj, díky podpoře různých platforem.

Funkce progresivních webových aplikací

Progressive Web Apps mají mnoho přímých funkcí, které je odlišují od jejich jednodušších protějšků, tj. Webových aplikací (nebo jednodušších webových stránek):

• Reagovat. Pracujte na všech zařízeních jakékoli velikosti obrazovky.
• Nejprve offline. Zatížení v pomalé nebo žádné síti.
• App-like pocit. Vzhled a interakce jako nativní aplikace.
• Aktuální informace. Aktualizovat sami, téměř transparentně.
• Bezpečný a bezpečný. Chcete-li načíst zdroje stránek, použijte HTTPS.
• Objevitelný. Získejte obsah do vyhledávačů.
• Opětovné zapojení. Znovu se zapojte, řekněme pomocí oznámení.
• Instalovatelné. Lze umístit na domovskou obrazovku.
• Možnost propojení. Načtěte stránky podobné aplikacím, ale s adresami URL.

Zajímavé je, že aplikace Progressive Web Apps nejen vypadají a nemají pocit, že jsou nativní aplikace, ale také mají přístup k nativním funkcím zařízení. To znamená, že vás PWA může pořídit pomocí fotoaparátu fotoaparátu. Musím však sdílet, že nemá přístup k omezeným funkcím, jako je poloha, telefon nebo SMS.

Poznámka: Více informací o jeho funkcích a dalších podrobnostech naleznete v tomto příspěvku.

Vytváření progresivních webových aplikací?

Google poskytuje a “Progressive Web App Kontrolní seznam” - podrobný seznam, který pomůže začátečníkům vytvořit progresivní webové aplikace. Tento seznam bez průvodce sdílí nezbytné funkce pro tvorbu PWA - A “Základní PWA” a “Příkladné PWA”; bývalý uvádí klíčové věci pro základní aplikaci a druhý pro pokročilé aplikace.

Kromě toho existují různé nástroje, které vám pomohou při budování PWA. Například, Lighthouse je volný, open-source nástroj ke zlepšení webové stránky včetně kontroly kvality pro přístupnost, výkon a funkce PWA. Dalším užitečným nástrojem je Workbox, který pomáhá vytvářet aplikace s offline zkušenostmi.

Progressive Web Apps budou v budoucnu?

Ačkoli Progressive Web Apps nemusí vyřešit problémy s našimi aplikacemi nebo nahradit nativní aplikace v blízké budoucnosti, věřím, že bude hrát významnou roli díky výhody, které jsou daleko více než jeho omezení. A s téměř každou velkou platformou, která začíná podporovat PWAs, není daleko, uvidíme je všude.

Apple představil funkce PWA (Web API) v Safari 11.1 včetně Beacon API, servisních pracovníků, Web App Manifest, atd .; a tak brzy přinese PWAs iOS. Google již podporoval PWA v prohlížeči Chrome for Android a plánuje ho přenést i na platformy platformy. Společnost Microsoft také přidala podporu pro PWAs v Microsoft Edge a zobrazí je také v Microsoft Store.

Co myslíš - jsou Progressive Web Apps do budoucna? Dejte mi vědět přímo na @aksinghnet nebo napište komentář prostřednictvím níže uvedené části komentáře opustit svou odpověď.