В этой статье простыми словами рассказываю, что такое PWA-приложение.
Самое первое и самое главное — PWA это название технологии Progressive web apps, прогрессивные веб-приложения. И это не приложения в привычном понимании, это способ отобразить ваш сайт в виде приложения. То есть когда мы говорим PWA — мы не подразумеваем создание приложения, мы добавляем вашему сайту возможность запускаться через иконку на экране приложений на весь экран, без адресной строки браузера. Работает во всех популярных ОС: Android, iOS, Windows и тд.
При этом браузер все равно используется, просто не показываются элементы управления. То есть ваш сайт будет в итоге иметь иконку, как обычное приложение, и запускаться на весь экран, как обычное приложение.
Для того, чтобы сайт можно было установить, как приложение, в некоторых браузерах (Chrome и сделанные на его основе) появляется всплывающее уведомление внизу при открытии страницы сайта, на котором написано название приложения, иконка и скриншоты:
В других браузерах такое уведомление может не появиться (зависит от браузера), вместо этого в адресной строке может отображаться иконка установки приложения. Кроме того, можно разместить на сайте кнопку, при нажатии на которую начнется установка PWA-приложения:
На iOS Safari, как правило, не предлагает установку приложения с помощью всплывающего уведомления, поэтому приложение можно установить из меню «Поделиться». Чтобы посетители сайта знали о такой возможности, я рекомендую разместить где-то на сайте инструкцию по установке (она очень короткая и простая).
Итого: с помощью нескольких файлов, которые надо подключить к сайту, вы можете превратить его в приложение. При этом разрабатывать его отдельно не нужно, так как ваше PWA приложение = ваш сайт.
Нужно сделать PWA-приложение?
Я создам нужные иконки, скриншоты сайта, описание и подготовлю необходимые скрипты. Вы можете подключить их к сайту самостоятельно или доверить эту работу мне.
Как разместить PWA в Google Play или App Store
Тут дело обстоит немного сложнее. Чтобы такое приложение можно было разместить в магазине приложений, необходим установочный файл. А у PWA такого не может быть. Поэтому нужно сделать приложение, внутри которого будет работать PWA. И такая обертка называется TWA. В результате получается полноценный установочный файл приложения, который можно разместить в любом магазине приложений. Разумеется, для Android и iOS установочные файлы разные.
Например, Watchface.ru — это PWA-приложение в Google Play, вот ссылка
Нужно разместить PWA-приложение в Google Play?
Я создам установочный файл, скриншоты приложения, описание и загружу все это в консоль разработчика. После модерации приложение появится в Google Play.