Изградите и дистрибуирајте прогресивну веб апликацију

Користите Power Pages студио за дизајнирање да конфигуришете прогресивну веб-апликацију (PWA). Можете да омогућите или онемогућите могућност ПВА. Можете прилагодити ПВА поставке и припремити се за креирање пакета апликација за објављивање у одговарајућим продавницама уређаја ако изаберете.

1. Идите на Power Pages

2. Одаберите своју локацију и бирајте Уређуј.

3. У студију за дизајнирање изаберите ставку Подешавање радног простора, а затим изаберите Прогресивна веб-апликација.

   

4. Изаберите Омогући PWA.

   

Брендирање апликације

Можете да креирате сопствени брендирани PWA помоћу опција прилагођавања да бисте променили име апликације, почетну страницу, боју и још много тога.

1. У студију за дизајнирање изаберите Прогресивна веб-апликација.

2. Ажурирајте следеће поставке PWA за локацију.

   Поставку	Опис
   Title	Име портала ПВА који се појављује на мобилном уређају и у продавници апликација.
   Опис	Опис ПВА који се појављује на мобилном уређају и у продавници апликација.
   Почетна страница апликације	Почетна страница за сајт када се отвори преко ПВА.
   Позадина почетног екрана	Боја позадине за уводни екран када се учита PWA.
   Икона апликације	Икона за апликацију која се појављује на мобилном уређају и у продавници апликација. белешке : Подржава .јпг, .јпег, .пнг формате са максималном величином отпремања од 5 МБ. Величина иконе мора бити 512 × 512 пиксела.

   Белешка

   У зависности од вашег претраживача, можда ће бити потребно неколико тренутака да одражава ваше промене. Након прилагођавања PWA, изаберите Преглед да бисте обрисали кеш на локацији.

Дефинисање понашања ван мреже

PWA нуди подршку за несметано навигационо искуство када је уређај који се користи ван мреже или је искључен са интернета. Можете да изаберете странице унутар вашег сајта које су доступне ван мреже (само за читање) и страницу са поруком за остале могућности портала које нису омогућене за приступ ван мреже.

Конфигурисање ванмрежних страница за портал PWA

1. У дизајнерском студију, у Подесите радни простор, изаберите Прогресивна веб апликација.

2. У оквиру Више поставки изаберите ставку Дефиниши странице ван мреже.

   

3. Изаберите странице за које желите да омогућите приступ корисницима када користе PWA ван мреже.

   

Подешавање странице ванмрежне поруке

Када је уређај ван мреже, страница коју конфигуришете као страницу са порукама ван мреже појављује се када корисници покушају да приступе страницама које нису омогућене за приступ ван мреже.

1. У студију за дизајнирање, изаберите радни простор Странице.

2. Изаберите Подразумевана офлајн страница.

3. Прилагодите страницу.

Тестирање локације у режиму ван мреже

Након што омогућите офлајн странице , можете да користите мобилни уређај у офлајн моду и прегледајте различите странице које су омогућене за офлајн приступ.

1. Прегледајте локацију помоћу веб-прегледача на мобилном уређају у режиму на мрежи.

2. Изаберите опцију Додај на почетни екран или сличну опцију. На пример, на Android уређају, опција може бити + Додај на>Екран апликације.

   

   Напомена

   Ова радња преузима странице портала које су омогућене за прегледање ван мреже. То може потрајати, у зависности од пропусног опсега мреже и величине страница које су изабране за прегледање ван мреже.

3. Онемогућите Offline режим на мобилном уређају.

4. Отворите портал са почетног екрана. Видите обавештење на врху које вас подсећа да претражујете у оффлине режиму. Ако изаберете било коју страницу која није омогућена за претраживање ван мреже, појављује се порука ван мреже.

   

Дистрибуирање апликације

Апликацију можете да дистрибуирате помоћу прегледача или преко продавнице апликација.

Дистрибуирање апликације помоћу прегледача

Када омогућите портал као PWA, ваши корисници могу да закаче Power Pages локацију као апликацију на почетни екран на свом уређају. Ова опција је подржана на свим платформама ( Android, iOS, Цхромебоок и Виндовс) поред свих фактора облика (мобилни, десктоп и таблет).

Следећа графика илуструје корисничко искуство додавања портала на почетни екран помоћу претраживача који инсталира портал као ПВА.

Android и iOS сваки нуди другачији метод за инсталацију засновану на претраживачу.

Дистрибуирање апликације помоћу продавнице апликација

Прогресивне веб апликације се такође могу дистрибуирати путем продавница апликација за Android iOS и Виндовс. Ова дистрибуција се врши креирањем пакета апликација и објављивањем апликације у одговарајућој продавници апликација. За креирање пакета апликација, партнери смо са ПВАБуилдер-ом , који пружа платформу за генерисање апликативних пакета за различите продавнице апликација.

Да бисте креирали пакет апликација, идите на Подесите радни простор у дизајнерском студију. У оквиру Креирање апликација изаберите Креирај пакет апликација.

Ово вас води на веб локацију ПВА Буилдер где можете креирати пакет апликација за различите продавнице апликација. Пакет који креирате помоћу PWA израде садржи:

• Пакет апликација за PWA који ће се користити у својој продавници апликација.

• Документ са детаљним корацима о објављивању апликације.

За више детаља посетите PWA чвориште ресурса.

За iOS, ПВАБуилдер пружа подршку за генерисање пакета продавнице апликација. За више информација, погледајте пакет за Апп Сторе.

За Wиндоwс, погледајте пакет за #глср_цихцејфхз.

Друга разматрања за Android

За платформу Android , такође можете ажурирати Android сертификат помоћу опције Ажурирајте сертификат Android .

Ажурирајте наслов и SHA-256 отисак цертификата да бисте ажурирали датотеку веза дигиталног средства (assetlinks.json) која доказује власништво над PWA.

Погледајте и

Преглед сајтова као прогресивних веб апликација
Преглед прогресивних веб апликација (ПВА)
Изградите и дистрибуирајте прогресивну веб апликацију (видео)