Прогрессивное веб-приложение (PWA) — технология веб-разработки для управления сайтом через приложение на мобильных устройствах:
-
Устанавливается на смартфоны и планшеты.
-
Доставляет push-уведомления.
Поддержка PWA появилась в Аспро: Приорити 2.0 с версии 1.0.3. Для того, чтобы добавить сайт как веб-приложение, пользователь должен открыть сайт в браузере на мобильном устройстве. Затем перейти в настройки для страницы.
Затем нужно кликнуть поле «Добавить на главный экран».
Затем пользователь может изменить название приложения и установить на главный экран.
Приложение на главном экране.
Для реализации PWA сайт должен соответствовать требованиям:
-
Доступ по протоколу https.
-
Адаптивность.
-
Отдельный URL для каждой страницы.
Чтобы настроить PWA, в административной части сайта перейдите в Аспро → Аспро: Priority 2 → Веб-приложение.
-
Подключите манифест для сайта (1);
-
Название предлагается по умолчанию при добавлении на рабочий стол (2);
-
Сокращенное название — короткое удобочитаемое имя приложения. Предназначено для использования там, где недостаточно места для отображения полного имени приложения (3);
-
Укажите начальную страницу приложения, по умолчанию задана главная страница сайта. При запуске приложения будет открываться указанная страница, а не та страница, которую добавляли на рабочий стол (4);
-
Выберите режим отображения приложения (5):
Браузер — приложение открывается в обычной вкладке браузера или новом окне в зависимости от браузера и платформы.
Автономное — приложение будет выглядеть и ощущаться, как отдельное приложение.
Полноэкранное — используется все доступное пространство экрана.
Для того чтобы изменился режим отображения, необходимо переустановить приложение.
-
Измените цвет фона (6) и темы (7) при необходимости. Функция актуальна только для Android;
-
По умолчанию на мобильных устройствах будет подгружаться фавикон для обозначения приложения. Также вы можете загрузить иконку в различных размерах (8). Операционная система сама будет подбирать оптимальный размер под конкретное мобильное устройство.
Сохраните изменения. После сохранения настроек будет создан файл манифеста в корне сайта. Если поле «Подключать манифест для сайта» активно, то в теге <head> сайта будет прописана ссылка <link> на файл.