Что такое PWA

В этой статье простыми словами рассказываю, что такое PWA-приложение.

Самое первое и самое главное — PWA это название технологии Progressive web apps, прогрессивные веб-приложения. И это не приложения в привычном понимании, это способ отобразить ваш сайт в виде приложения. То есть когда мы говорим PWA — мы не подразумеваем создание приложения, мы добавляем вашему сайту возможность запускаться через иконку на экране приложений на весь экран, без адресной строки браузера. Работает во всех популярных ОС: Android, iOS, Windows и тд.

При этом браузер все равно используется, просто не показываются элементы управления. То есть ваш сайт будет в итоге иметь иконку, как обычное приложение, и запускаться на весь экран, как обычное приложение.

Для того, чтобы сайт можно было установить, как приложение, в некоторых браузерах (Chrome и сделанные на его основе) появляется всплывающее уведомление внизу при открытии страницы сайта, на котором написано название приложения, иконка и скриншоты:

В других браузерах такое уведомление может не появиться (зависит от браузера), вместо этого в адресной строке может отображаться иконка установки приложения. Кроме того, можно разместить на сайте кнопку, при нажатии на которую начнется установка PWA-приложения:

Пример из браузера Samsung Internet. В адресной строке есть иконка со стрелкой для установки приложения и на сайте размещена кнопка (в верхней части сайта на зеленом фоне), которая запускает установку приложения.

На iOS Safari, как правило, не предлагает установку приложения с помощью всплывающего уведомления, поэтому приложение можно установить из меню «Поделиться». Чтобы посетители сайта знали о такой возможности, я рекомендую разместить где-то на сайте инструкцию по установке (она очень короткая и простая).

Итого: с помощью нескольких файлов, которые надо подключить к сайту, вы можете превратить его в приложение. При этом разрабатывать его отдельно не нужно, так как ваше PWA приложение = ваш сайт.

Нужно сделать PWA-приложение?

Я создам нужные иконки, скриншоты сайта, описание и подготовлю необходимые скрипты. Вы можете подключить их к сайту самостоятельно или доверить эту работу мне.

Как разместить PWA в Google Play или App Store

Тут дело обстоит немного сложнее. Чтобы такое приложение можно было разместить в магазине приложений, необходим установочный файл. А у PWA такого не может быть. Поэтому нужно сделать приложение, внутри которого будет работать PWA. И такая обертка называется TWA. В результате получается полноценный установочный файл приложения, который можно разместить в любом магазине приложений. Разумеется, для Android и iOS установочные файлы разные.

Например, Watchface.ru — это PWA-приложение в Google Play, вот ссылка

Нужно разместить PWA-приложение в Google Play?

Я создам установочный файл, скриншоты приложения, описание и загружу все это в консоль разработчика. После модерации приложение появится в Google Play.

Как вам статья?
+1
0
+1
1
+1
0
+1
0
+1
0
+1
0

Рекомендую почитать