Что такое PWA и как это работает в UniShop2

В шаблоне, начиная с версии 1.9 добавлен функционал PWA


Что такое PWA:

PWA – это относительно новая технология, которая позволяет "установить" ваш магазин как приложение на смартфон  (мобильное приложение в браузере). Если покупатель это сделает, у него на домашнем экране или в меню приложений появится иконка с лого вашего магазина и при клике на которую сразу откроется ваш магазин.

На данный момент работу с PWA могут обеспечить iOS, Android, Windows, Linux, macOS и Chrome OS в браузерах Chrome, Safari, Firefox, Opera, Edge и Samsung Internet


  • Пуш уведомления - пока нет, возможно будут в обновлениях. Фундамент для них есть.
  • Кеширование работает в браузерах, которые поддерживают service workers - ссылка
  • Уведомление о возможности установки pwa показывается в браузерах и ОС с поддержкой pwa - ссылка
  • Баннеры без поддержки beforeinstallprompt - ссылка, могут показывать нативное уведомление о возможности установки pwa, но повлиять на это к сожалению нет никакой возможности.

 

Кеширование сервисвокером также дополнительно несколько снижает нагрузку на сеть - кеш хранится локально у пользователя. Кешируются сами страницы, файлы стилей, скриптов, картинки, файлы шрифтов. В панели шаблона можно настроить стратегии кеширования, время жизни кеша и количество записей в кеше. 

 

Также есть настройки для страницы, которая будет показана в случае потери соединения с интернет, а запрашиваемой страницы еще нет в кеше.

Демо-галерея
0
0