Progressive Web Apps (PWA) — технология, которая визуально и функционально превращает веб-сайты в полноценное мобильное приложение. 3
Процесс работы PWA на мобильных устройствах: 3
- Пользователь заходит на сайт с поддержкой PWA, браузер загружает Service Worker. 3
- Service Worker регистрируется в браузере и начинает управлять кэшированием ресурсов. 3
- Пользователь добавляет ярлык PWA на домашний экран. 3
- При запуске PWA с домашнего экрана приложение открывается в полноэкранном режиме без адресной строки и других элементов браузера. 3
- Если у пользователя нет подключения к интернету, PWA может использовать кэшированные ресурсы для отображения контента. 3
- PWA может отправлять push-уведомления, даже если приложение закрыто. 3
Работа PWA возможна за счёт трёх технологий: 2
- Service Worker — прокси-сервер, который позволяет присылать push-уведомления и сохраняет информацию в кэше. 2
- HTTPS-запросы — защищённый канал связи между браузером и сервером, обеспечивающий конфиденциальность данных пользователя. 3
- Web App Manifest — файл в формате JSON, который предоставляет браузеру информацию о веб-приложении. 3 Он определяет метаданные, такие как название, значки, темы, ориентацию экрана и другие настройки. 3