PWA — прогрессивное веб-приложение — технология в веб-разработке, которая добавляет сайтам возможности приложений для мобильных устройств, трансформирует сайт в приложение, гибрид сайта и приложения для мобильных устройств, продукт совместной эволюции мобильного сайта и классического нативного приложения.
Прямо из браузера его можно поставить на главный экран телефона, и оно будет отправлять push-уведомления и получит доступ к аппаратным средствам гаджета. И все это даже при нестабильном подключении или офлайн. PWA — приложения ставятся на смартфон пользователя без посещения магазинов приложений!
Для всех пользователей преимущества не менее значимы: не занимает место в памяти телефона (за исключением кэш), нет необходимости скачивать приложение из магазинов. Одно из самых важных преимуществ — это отсутствие посредника в лице магазинов приложений App Store и Google Play. Технология прогрессивных веб — приложений это лишнее звено ПОЛНОСТЬЮ исключает.
PWA пользуются известные компании, например, Uber, Tinder, Twitter и другие. Использование прогрессивного приложения ускоряет загрузку сайтов на порядок.
Давайте посмотрим, как это работает. Пользователь заходит на сайт с поддержкой технологии и уже после второго посещения получает от браузера предложение добавить его PWA на главный экран. Если пользователь принимает предложение, значок сайта мгновенно появляется на экране мобильного устройства. После установки PWA создает кэш сайта. Это решает две задачи: повышает скорость загрузки и делает сайт доступным офлайн.
Согласитесь, разница между закладкой в браузере и иконкой на рабочем столе телефона очевидна.
И так, поясняем, как установить PWA приложение.
Вот описание установки для iOS:
1. Войдите в меню «Поделиться»:
2. Нажмите кнопку «На экран Домой»:
3. Нажмите «Добавить»:
4. Готово:
Установка приложения PWA сайта «Моя услуга» в браузере мобильного устройства на базе Andriod ещё проще, так как он сам предлагает установить иконку на экран при первом заходе пользователя!
Вы увидите уведомление:
нажав на которое, вы сможете добавить приложение на экран мобильного телефона: