2.10. Установка PWA приложения

Что такое PWA приложение

PWA (Progressive Web App) -- это веб-приложение, которое может быть установлено на устройство и работать как нативное приложение. Система АСК Легарус поддерживает установку как PWA приложение на мобильных устройствах (Android, iOS) и десктопах (Windows, macOS, Linux).

Преимущества PWA:

• Быстрый доступ к системе через иконку приложения
• Работа без адресной строки браузера (как нативное приложение)
• PUSH уведомления даже когда приложение закрыто
• Ограниченная работа в автономном режиме
• Автоматическое обновление при изменении версии системы

Автоматическое предложение установки

Когда появляется предложение:

• Система автоматически предлагает установить PWA приложение через 30 секунд после входа в систему
• Предложение появляется только если:
• Браузер поддерживает установку PWA
• Пользователь еще не установил приложение
• Не показывали предложение ранее или прошло более 7 дней с последнего показа

Как работает предложение:

1. Через 30 секунд после входа в систему браузер показывает стандартное окно предложения установки
2. В окне отображается:
3. Название приложения: «АСК ЛЕГАРУС»
4. Иконка приложения
5. Кнопка «Установить» или «Добавить на главный экран»
6. Нажмите кнопку «Установить» для установки приложения
7. Приложение будет установлено на устройство

Примечание: Предложение может не появиться, если пользователь ранее отклонил установку или если браузер не поддерживает установку PWA.

Ручная установка через меню браузера

Установка на десктопе (Windows, macOS, Linux):

Google Chrome:

1. Откройте систему в браузере Chrome
2. В адресной строке найдите иконку установки (обычно справа от адресной строки)
3. Нажмите на иконку установки
4. В появившемся окне нажмите кнопку «Установить»
5. Приложение будет установлено на рабочий стол

Microsoft Edge:

1. Откройте систему в браузере Edge
2. В адресной строке найдите иконку установки (обычно справа от адресной строки)
3. Нажмите на иконку установки
4. В появившемся окне нажмите кнопку «Установить»
5. Приложение будет установлено на рабочий стол

Mozilla Firefox:

1. Откройте систему в браузере Firefox
2. В меню браузера выберите «Установить» или «Добавить на главный экран»
3. В появившемся окне нажмите кнопку «Установить»
4. Приложение будет установлено на рабочий стол

Установка на мобильном устройстве (Android):

Google Chrome:

1. Откройте систему в браузере Chrome на Android
2. В меню браузера (три точки) выберите «Добавить на главный экран» или «Установить приложение»
3. В появившемся окне нажмите кнопку «Добавить» или «Установить»
4. Приложение будет установлено на главный экран устройства

Установка на мобильном устройстве (iOS):

Safari:

1. Откройте систему в браузере Safari на iOS
2. Нажмите кнопку «Поделиться» (иконка квадрата со стрелкой вверх)
3. В меню выберите «На экран «Домой»»
4. В появившемся окне нажмите кнопку «Добавить»
5. Приложение будет установлено на главный экран устройства

Примечание: На iOS PWA работает только если установлено на главный экран. PUSH уведомления на iOS работают только в iOS 16.4+.

Особенности работы PWA приложения

Запуск приложения:

• После установки приложение появляется на рабочем столе (десктоп) или главном экране (мобильное устройство)
• При запуске приложение открывается в отдельном окне без адресной строки браузера
• Приложение работает как нативное приложение

PUSH уведомления:

• PUSH уведомления работают даже когда приложение закрыто (если разрешено в настройках)
• Уведомления отображаются на рабочем столе устройства
• При клике на уведомление открывается приложение и переходит к связанному объекту

Автономная работа:

• Приложение может работать в ограниченном режиме без подключения к интернету
• Доступны только ранее загруженные страницы
• При восстановлении подключения приложение автоматически синхронизируется

Обновление приложения:

• Приложение автоматически обновляется при изменении версии системы
• Обновление происходит в фоновом режиме
• Пользователь может продолжать работать во время обновления

Удаление приложения:

• На десктопе: удалите приложение через меню "Удалить программу" (Windows) или перетащите в корзину (macOS, Linux)
• На мобильном устройстве: удалите приложение как обычное приложение (долгое нажатие и удаление)

Требования для работы PWA

Браузер:

• Google Chrome 90+ (Android, Windows, macOS, Linux)
• Microsoft Edge 90+ (Windows, macOS)
• Mozilla Firefox 88+ (Android, Windows, macOS, Linux)
• Safari 14+ (iOS, macOS) -- с ограничениями
• Opera 76+ (Windows, macOS, Linux)

Подключение:

• Подключение по HTTPS (обязательно для PWA)
• Подключение к интернету для первоначальной загрузки и синхронизации

Разрешения:

• Разрешение браузера на показ уведомлений (для PUSH уведомлений)
• Разрешение на установку приложений (для установки PWA)

Примечания

• PWA приложение работает только при подключении к интернету (кроме ограниченной автономной работы)
• На iOS PWA работает только если установлено на главный экран
• PUSH уведомления на iOS работают только в iOS 16.4+ или macOS 13.0+
• Приложение автоматически обновляется при изменении версии системы
• Все данные приложения синхронизируются с сервером при подключении к интернету