PWA (прогрессивное веб-приложение) – технология в разработке, с помощью которой функционально и визуально сайт трансформируется в приложение. Такие сайты функционально и внешне похожи на приложения для смартфонов.⠀
В чём же преимущества PWA и почему они популярны? ⬇️
✔ Для загрузки чего-либо больше не нужно заходить в Google Play или AppStore. Нужно только подключение к интернету и браузер.
✔ Для PWA не нужна дополнительная память и каждый пользователь сможет установить ярлык сайта на главном экране, как будто это мобильное приложение. А также можно пользоваться сайтом даже если пропал интернет.
✔ PWA отправляют уведомления на главный экран смартфона по типу обычных приложений. Так пуши напоминают пользователю, что появился новый контент.
✔ Обеспечивают более быструю загрузку и более плавную работу, чем обычные веб-приложения.
✔ Вместо отдельных приложений для iOS и Android, можно сделать одно PWA с адаптивным фронтендом. И оно будет одинаково хорошо выглядеть и работать на любом устройстве, включая десктоп.
✔ Обновление контента и функционала PWA происходит автоматически, без публикации обновлений в AppStore или Google Play.
Существуют общепринятые понятия о том, как должно работать приложение, чтобы считаться прогрессивным. Любое PWA обязательно включает в себя определённые компоненты и концепции ⬇️
▪️ Service Worker.
Скрипт, который браузер запускает в фоновом режиме. С его помощью веб-приложения выполняют операции в оффлайне, отправляют пуши и синхронизируют данные в фоновом режиме.⠀
▪️ HTTPS-протокол
Без него приложение не может быть установлено на экран, обязателен для использования сервис-воркеров и получения доступа к датчикам устройства.⠀
▪️ Web App Manifest
JSON-файл, который сообщает браузеру и ОС, как нужно отображать и запускать веб-приложение на мобильном устройстве В нём настраиваются иконка, название, цвета темы и поведение.⠀
К списку лидеров PWA относятся всем известные веб-приложения: Starbucks, Uber, Pinterest, Tinder, Telegram. И это говорит о том, что PWA – это лучшее сочетание функциональности веб-приложений с удобством и скоростью нативных мобильных приложений.
#methed_про_ит