Vytvorte a distribuujte progresívnu webovú aplikáciu

Použite dizajnové štúdio Power Pages na konfiguráciu vašej progresívnej webovej aplikácie (PWA). Schopnosť PWA môžete povoliť alebo zakázať. Môžete si prispôsobiť nastavenia PWA a pripraviť sa na vytvorenie balíka aplikácií na zverejnenie v príslušných obchodoch zariadení, ak sa tak rozhodnete.

1. Prejdite do systému Power Pages.

2. Označte svoju lokalitu a stlačte možnosť Upraviť.

3. V dizajnovom štúdiu si vyberte pracovný priestor Nastaviť a potom vyberte Progresívna webová aplikácia.

   

4. Vyberte položku Povoliť PWA.

   

Označkujte svoju aplikáciu

Môžete si vytvoriť svoj vlastný značkový PWA pomocou možností prispôsobenia na zmenu názvu aplikácie, úvodnej stránky, farby a podobne.

1. V dizajnovom štúdiu vyberte Progresívna webová aplikácia.

2. Aktualizujte nasledovné nastavenia PWA pre vašu lokalitu.

   Nastavenie	Opis
   Title	Názov portálu PWA, ktorý sa zobrazuje na mobilnom zariadení a v obchode s aplikáciami.
   Description	Popis PWA, ktorý sa zobrazuje na mobilnom zariadení a v obchode s aplikáciami.
   Úvodná stránka aplikácie	Úvodná stránka webu, keď sa otvorí prostredníctvom PWA.
   Pozadie úvodnej obrazovky	Farba pozadia úvodnej obrazovky pri načítaní PWA.
   Ikona aplikácie	Ikona aplikácie, ktorá sa zobrazuje na mobilnom zariadení a v obchode s aplikáciami. Poznámka: Podporuje formáty .jpg, .jpeg, .png s maximálnou veľkosťou nahrávania 5 MB. Veľkosť ikony musí byť 512 × 512 pixelov.

   Poznámka

   V závislosti od vášho prehliadača môže chvíľu trvať, kým sa zmeny prejavia. Po prispôsobení PWA vyberte Verzia Preview na vymazanie vyrovnávacej pamäte vašej lokality.

Definícia offline správania

PWA ponúka podporu pre plynulú navigáciu, keď je používané zariadenie offline alebo odpojené od internetu. Môžete si vybrať stránky v rámci vašej lokality, ktoré sú dostupné offline (iba na čítanie), a stránku správ pre ostatné funkcie portálu, ktoré nemajú povolený offline prístup.

Nakonfigurujte offline stránky pre portál PWA

1. V dizajnovom štúdiu v pracovnom priestore Nastaviť vyberte Progresívna webová aplikácia.

2. Pod Viac nastavení zvoľte možnosť Definovať offline stránky.

   

3. Vyberte stránky, ku ktorým chcete používateľom povoliť prístup, keď používajú PWA offline.

   

Nastavenie stránky online správy

Keď je zariadenie offline, stránka, ktorú nakonfigurujete ako stránka offline správy, sa zobrazí, keď sa používatelia pokúsia o prístup k stránkam, ktoré nemajú povolený prístup offline.

1. V dizajnovom štúdiu vyberte pracovný priestor Stránky.

2. Vyberte Predvolená offline stránka.

3. Prispôsobte stránku.

Otestujte svoju lokalitu v režime offline

Keď povolíte offline stránky, môžete používať mobilné zariadenie v režime offline a prehliadať rôzne stránky, na ktorých je povolený prístup offline.

1. Prejdite na svoju lokalitu pomocou webového prehliadača na svojom mobilnom zariadení v režime online.

2. Stlačte možnosť Pridať na domovskú obrazovku alebo podobnú možnosť. Napríklad na zariadení Android môže byť touto možnosťou + Pridať do>Obrazovka aplikácie.

   

   Poznámka

   Táto akcia stiahne portálové stránky, ktoré boli povolené na prehliadanie offline. Môže to chvíľu trvať v závislosti od šírky pásma siete a veľkosti stránok, ktoré boli vybraté na prehliadanie offline.

3. Aktivácia režimu offline vo vašom mobilnom zariadení.

4. Otvorte portál cez domovskú obrazovku. V hornej časti sa zobrazí upozornenie, ktoré vám pripomína, že prehliadate v režime offline. Ak vyberiete stránky, ktoré nie sú povolené na prehliadanie offline, zobrazí sa správa offline.

   

Distribúcia aplikácie

Aplikáciu môžete distribuovať buď pomocou prehliadača, alebo prostredníctvom obchodu s aplikáciami.

Distribuujte svoju aplikáciu pomocou prehliadača

Keď je váš portál povolený ako PWA, vaši používatelia môžu pripnúť lokalitu Power Pages ako aplikáciu na domovskú obrazovku na svojom zariadení. Táto možnosť je podporovaná na všetkých platformách (Android, iOS, Chromebook a Windows) okrem všetkých formátov (mobil, počítač a tablet).

Nasledujúca grafika ilustruje používateľskú skúsenosť s pridaním portálu na domovskú obrazovku pomocou prehliadača, ktorý nainštaluje portál ako PWA.

Android a iOS každý ponúka iný spôsob inštalácie cez prehliadač.

Distribuujte svoju aplikáciu prostredníctvom obchodu s aplikáciami

Progresívne webové aplikácie je možné distribuovať aj prostredníctvom obchodov s aplikáciami pre Android, iOS a Windows. Táto distribúcia sa vykonáva vytvorením balíka aplikácie a zverejnením aplikácie v príslušnom obchode s aplikáciami. Pri vytváraní balíkov aplikácií spolupracujeme s PWABuilder, ktorý poskytuje platformu na generovanie balíkov aplikácií pre rôzne obchody s aplikáciami.

Ak chcete vytvoriť balík aplikácie, prejdite na Nastavenie pracovného priestoru v dizajnérskom štúdiu. V časti Balík aplikácie stlačte možnosť Vytvoriť balík aplikácie.

Tým sa dostanete na webovú stránku PWA Builder kde si môžete vytvoriť balík aplikácií pre rôzne obchody s aplikáciami. Balík, ktorý vytvoríte pomocou PWA Builder, obsahuje:

• Balík aplikácie pre PWA, ktorý sa má použiť v príslušnom obchode s aplikáciami.

• Podrobný dokument o publikovaní aplikácie.

Ďalšie podrobnosti nájdete v časti Centrum zdrojov PWA.

Pre iOS poskytuje PWABuilder podporu na generovanie balíka obchodu s aplikáciami. Ďalšie informácie nájdete v balík pre App Store.

Pre Windows si pozrite balík pre Microsoft Store.

Ďalšie poznámky pre Android

Pre platformu Android môžete aktualizovať aj Android certifikát pomocou Aktualizovať Android certifikát možnosť.

Aktualizujte názov a SHA-256 odtlačok certifikátu, aby ste aktualizovali súbor odkazov na digitálne aktíva (assetlinks.json), ktorý dokazuje vlastníctvo vášho PWA.

Pozrite si tiež

Prehľad stránok ako progresívnych webových aplikácií
Prehľad progresívnych webových aplikácií (PWA)
Vytvorte a distribuujte progresívnu webovú aplikáciu (video)