Vytváření a distribuce progresivní webové aplikace

Ke konfiguraci progresivní webové apliakce (PWA) použijte návrhové studio Power Pages. Můžete povolit nebo zákázat schopností PWA. Můžete přizpůsobit nastavení PWA a připravit balíček aplikace k vytvoření, který chcete publikovat v příslušných úložištích zařízení podle výběru.

1. Umožňuje přejít na Power Pages.

2. Zvolte svůj web a vyberte Upravit.

3. V návrhovém studiu vyberte pracovní prostor Nastavit a poté vyberte Progresivní webová aplikace.

   

4. Vyberte Povolit PWA.

   

Dejte aplikaci značku

PWA se svou vlastní značkou si můžete vytvořit pomocí možností přizpůsobení změnou názvu aplikace, úvodní stránky, barvy a dalších parametrů.

Poznámka:

U zařízení iOS se ikony pro PWA zobrazí jako miniatury a nezobrazí se přizpůsobená úvodní obrazovka.

1. V návrhovém studiu vyberte Progresivní webová aplikace.

2. Aktualizujte následující nastavení PWA pro váš web.

   Nastavení	Description
   Titulek	Název PWA portálu, který se zobrazí na mobilním zařízení a v obchodě s aplikacemi.
   Description	Popis PWA, která se zobrazí na mobilním zařízení a v obchodě s aplikacemi.
   Úvodní stránka aplikace	Úvodní stránka webu při otevření přes PWA.
   Pozadí úvodní obrazovky	Barva pozadí úvodní obrazovky při načítání PWA.
   Ikona aplikace	Ikona aplikace, která se zobrazí na mobilním zařízení a v obchodě s aplikacemi. Poznámka: Podporuje formáty .jpg, .jpeg a .png s maximální velikostí nahrávaného obsahu 5 MB. Velikost ikony musí být 512 × 512 pixelů.

   Poznámka:

   V závislosti na vašem prohlížeči může chvíli trvat, než se změny projeví. Po přizpůsobení PWA je třeba vybrat možnost Náhled pro vymazání mezipaměti vašeho webu.

Definování offline chování

PWA nabízí podporu pro plynulou navigaci, když je používané zařízení offline nebo odpojené od internetu. Můžete si vybrat stránky v rámci wwebu, které jsou k dispozici offline (pouze pro čtení), a stránku zpráv pro zbytek možností portálu, které nemají povolený přístup offline.

Konfigurace offline stránek pro PWA portálu

1. V návrhovém studiu v pracovním prostoru Nastavit vyberte Progresivní webová aplikace.

2. V části Další nastavení vyberte možnost Definovat offline stránky.

   

3. Vyberte stránky, ke kterým chcete uživatelům umožnit přístup, když používají PWA offline.

   

Poznámka:

Při konfiguraci offline přístupu pro stránky PWA vezměte v úvahu omezení úložiště pro zařízení koncových uživatelů. Když požadavek na úložiště pro přístup PWA offline překročí dostupné úložiště na zařízení, celý portál nebude dostupný pro offline přístup. Doporučujeme otestovat uživatelské prostředí s offline přístupem a uložit do mezipaměti pouze stránky, které budou pro vaše uživatele nejužitečnější a nejdůležitější. Pamatujte, že offline stránky mohou zobrazovat pouze informace; stránky připojené k Microsoft Dataverse, které obsahují formuláře k vyplňování nebo spouštění dotazů, nebudou v režimu offline fungovat.

Nastavení stránky zpráv offline

Když je zařízení offline, zobrazí se uživatelům stránka, kterou nakonfigurujete jako stránku offline zpráv, když se uživatelé pokusí získat přístup ke stránkám, které nemají povolený přístup offline.

1. V návrhovém studiu vyberte pracovní prostor Stránky.

2. Vyberte položku Výchozí stránka offline.

3. Přizpůsobte stránku.

Poznámka:

• Nemůžete změnit pole Název a Částečná adresa URL („/default-offline-page“) pro offline stránku. Pokud offline stránka chybí, koncovým uživatelům se zobrazí výchozí offline stránka.
• V závislosti na vašem prohlížeči může chvíli trvat, než se změny projeví. Po přizpůsobení offline prostředí PWA vyberte možnost Náhled pro vymazání mezipaměti vašeho webu.

Testování webu v režimu offline

Poté, co povolíte offline stránky, můžete nyní používat mobilní zařízení v režimu offline a procházet různé stránky s povoleným přístupem offline.

1. Procházejte svůj web pomocí webového prohlížeče na svém mobilním zařízení v online režimu.

2. Vyberte Přidat na domácí obrazovku nebo podobnou možnost. Například na zařízení Android tato možnost může být + Přidat do>Obrazovka aplikace.

   

   Poznámka:

   Tato akce stáhne portálové stránky, které byly povoleny pro offline procházení. To může chvíli trvat v závislosti na šířce pásma sítě a velikosti stránek, které byly vybrány pro offline procházení.

3. Povolení režimu offline synchronizace pro mobilní zařízení.

4. Otevřete portál z domovské obrazovky. V horní části se zobrazí upozornění, které vám připomene, že procházíte v režimu offline. Pokud vyberete stránky, u kterých není povoleno procházení offline, zobrazí se zpráva offline.

   

Distribuce aplikace

Aplikaci můžete distribuovat buď pomocí prohlížeče, nebo prostřednictvím obchodu s aplikacemi.

Distribuujte svou aplikaci pomocí prohlížeče

Když je váš portál aktivován jako PWA, vaši uživatelé mohou připnout web Power Pages jako aplikaci na domovskou obrazovku na svém zařízení. Tato možnost je podporována na všech platformách (Android, iOS, Chromebook a Windows) i na všech formátech (mobil, stolní počítač a tablet).

Následující grafika ilustruje uživatelské prostředí při přidávání portálu na domovskou obrazovku pomocí prohlížeče, který nainstaluje portál jako PWA.

Android a iOS nabízí jinou metodu instalace založenou na prohlížeči.

Distribuujte svou aplikaci prostřednictvím obchodu s aplikacemi

Progresivní webové aplikace lze také distribuovat prostřednictvím obchodů s aplikacemi Android, iOS a Windows. Tato distribuce se provádí vytvořením balíčku aplikace a publikováním aplikace v příslušném obchodě s aplikacemi. Při vytváření balíčků aplikací spolupracujeme s PWABuilder, který poskytuje platformu pro generování aplikačních balíčků pro různé obchody s aplikacemi.

Chcete-li vytvořit balíček aplikace, přejděte na pracovní prostor Nastavení v návrhářském studiu. V části Balíček aplikace vyberte Vytvořit balíček aplikace.

Dostanete se na web PWA Builderu, kde můžete vytvořit balíček aplikací pro různé obchody s aplikacemi. Balíček, který vytvoříte pomocí PWA Builderu, obsahuje:

• Balíček aplikace pro PWA k použití v příslušném obchodě s aplikacemi.

• Podrobný dokument o publikování aplikace.

Pro více podrobností přejděte na Centrum prostředků PWA.

Pro iOS, PWABuilder poskytuje podporu pro generování balíčku obchodu s aplikacemi. Další informace najdete v balíčku pro App Store.

Pro Windows viz balíček pro Microsoft Store.

Další důležité informace pro systém Android

Pro platformu Android můžete také aktualizovat certifikát Android pomocí možnosti Aktualizace certifikátu Android.

Aktualizujte název a SHA-256 otisk certifikátu, abyste aktualizovali soubor odkazů na digitální prostředku (assetlinks.json), který dokazuje vlastnictví vašeho PWA.

Viz také

Přehled webů jako progresivních webových aplikací
Přehled progresivních webových aplikací (PWA)
Vytvoření a distribuce progresivní webové aplikace (video)