Создание сайтов

PWA: как установить сайт на телефон как приложение

Progressive Web App (PWA) позволяет добавить ваш сайт на главный экран телефона как приложение — без публикации в App Store и Google Play.

3 мин чтения
PWA: как установить сайт на телефон как приложение

Разработка мобильного приложения часто обходится дорого: отдельные программы для Android и iOS, публикация в магазинах, проверка при каждом обновлении. А для многих бизнесов есть решение проще — PWA (Progressive Web App).

Что такое PWA?

PWA — это сайт, который можно добавить на главный экран телефона в виде значка и который при запуске работает на весь экран без панелей браузера, как обычное приложение. Пользователь «устанавливает» его из браузера одним касанием, не заходя ни в какой магазин.

Как установить?

  • Android (Chrome): откройте сайт → меню (⋮) → «Установить приложение» или «Добавить на главный экран». Иногда сайт сам предлагает установку.
  • iPhone (Safari): откройте сайт → кнопка «Поделиться» → «На экран „Домой“».
  • Компьютер (Chrome, Edge): нажмите значок установки справа в адресной строке — сайт превратится в программу, которая открывается в отдельном окне.

Преимущества

  • Один проект — все устройства. Один и тот же сайт работает на компьютере, Android и iPhone.
  • Мгновенные обновления. Как только сайт обновлён, все пользователи видят новую версию — ждать проверки магазина не нужно.
  • Push-уведомления. С разрешения пользователя можно отправлять статус заказа, новое предложение или напоминание (на iPhone — тоже, для PWA, добавленных на главный экран).
  • Скорость. Нужные файлы хранятся на устройстве, поэтому повторный запуск быстрее, и даже при слабом интернете основная часть может отображаться.
  • Не занимает места. Установка занимает не больше нескольких мегабайт — пользователь не откажется из-за «памяти нет».

Ограничения

Некоторые специфические функции устройства (например, сложные фоновые процессы, глубокий доступ к отдельным датчикам) доступны только обычным приложениям. Кроме того, чтобы находиться через поиск в App Store и Google Play, нужны отдельные шаги: для Android PWA можно «упаковать» и разместить в Google Play, а у App Store свои требования.

PWA или обычное приложение?

PWAОбычное приложение
Стоимость разработкиНадстройка над сайтомОтдельно для каждой платформы
ОбновлениеМгновенноПосле проверки магазина
УстановкаИз браузера, одним касаниемИз магазина
Возможности устройстваОсновныеПолные

Кому подходит?

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

Наш личный кабинет тоже работает как PWA — можете попробовать сами: откройте его с телефона и выберите «На экран „Домой“». Если хотите такое же для своего сайта, напишите нам.

Было полезно? Поделитесь:

Получайте новые статьи на e-mail

Одно-два письма в месяц: практические советы по сайтам, хостингу и безопасности. Отписаться можно в любой момент одним кликом.