PWA: установка и первый запуск

PWA — самостоятельное приложение для Webasyst. Оно создаёт устанавливаемое приложение из сайта и не требует Shop-Script. Начните с проверки сайта и установки в Webasyst, затем настройте кеширование и способы установки для посетителей.

Перед установкой

Проверьте версии окружения:

Webasyst Framework — не ниже 2.7.0;
PHP — не ниже 7.4.

Для работы PWA сайт должен использовать HTTPS и адаптивную тему. Браузер посетителя должен поддерживать Service Worker; Internet Explorer не подходит. Разработчик также требует отсутствия сторонних Service Worker в теме и плагинах. Эти условия перечислены на странице PWA в магазине Webasyst.

Если тема или другой плагин уже устанавливает Service Worker, уточните совместимость в поддержке до включения PWA. Для push-уведомлений дополнительно требуется расширение PHP GMP — подробнее о push и публикации.

Установка в Webasyst

Установите PWA из магазина Webasyst стандартным установщиком приложений.
Откройте панель управления установленного приложения PWA. Приложение генерирует PWA на основе сайта; кеширование и шаблоны установки настраиваются в этой панели.
Если у сайта несколько витрин, проверьте, для какой витрины применяются настройки. PWA поддерживает отдельное приложение для каждой витрины.
Перейдите к настройке кеширования и предложению установки посетителям.

Установка приложения в Webasyst и установка PWA на телефон посетителя — разные этапы. Второй выполняется через браузер посетителя или через опубликованное приложение в магазине.

Как выбрать редакцию

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

Premium добавляет создание и отправку push-уведомлений, собственные иконки, изображения и бейджи уведомлений, кнопки действий со ссылками, управление подписками и инструменты сбора разрешений. Push-функции не входят в Standard.

Что проверить после настройки

Это рекомендуемый порядок проверки сайта, а не автоматический тест приложения:

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

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

Дополнительные материалы и помощь

На странице продукта доступны реальные скриншоты и видеодемонстрация. Подтверждённая история изменений опубликована в магазине Webasyst.

В обращении в поддержку укажите версии PWA, Webasyst и PHP, редакцию приложения, адрес проблемной витрины, устройство и браузер. Опишите ожидаемый результат и действия, после которых возникла проблема. Приложите скриншот соответствующих настроек без паролей и секретных ключей.