Приложение, которое не нужно устанавливать

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

Что это такое

PWA — сайт, который браузер умеет сохранять на устройство и запускать отдельным окном, без адресной строки и вкладок. Технически это по-прежнему веб-страница; визуально и на ощупь — приложение.

Работает это за счёт двух вещей. Манифест описывает, как приложение называется, какая у него иконка и в каком режиме открывать окно. Service worker — небольшая программа, которая сохраняет файлы приложения на устройстве и отдаёт их при следующем открытии, в том числе без сети.

Чем отличается от приложения из магазина

Последняя строка — не мелочь. Приложение может пропасть из магазина по причинам, к качеству продукта отношения не имеющим, и пользователь узнаёт об этом в момент смены телефона. Веб-версия от этого не зависит: у неё есть адрес, и он работает.

Как поставить на главный экран

iPhone и iPad. Открыть сайт в Safari, нажать кнопку «Поделиться» (квадрат со стрелкой вверх), выбрать «На экран „Домой“». Важная деталь: до недавних версий это умел только Safari — в Chrome на iOS пункта не было. Если вы его не находите, проверьте, в каком браузере открыт сайт.

Android. Chrome обычно предлагает сам — внизу появляется полоса «Установить приложение». Если она не появилась или её закрыли, то же есть в меню из трёх точек: «Установить приложение» либо «Добавить на главный экран».

Компьютер. В Chrome и Edge в правой части адресной строки появляется значок установки. Приложение открывается отдельным окном и попадает в список программ.

Что PWA умеет

• Камера. Съёмка и выбор из галереи работают одинаково с обычным приложением — по разрешению, которое браузер спрашивает один раз.
• Работа без сети. Интерфейс и локальные данные доступны в режиме полёта. Что именно работает офлайн в счётчике калорий — разобрано отдельно.
• Хранение данных на устройстве. Дневник, история, настройки живут в хранилище браузера и не требуют аккаунта.
• Push-уведомления. На Android давно; на iOS — начиная с версии 16.4, вышедшей в марте 2023 года, и только для сайтов, добавленных на главный экран.
• Полноэкранный режим. Без адресной строки, с собственной иконкой в переключателе задач.

Чего не умеет

Ограничения реальные, и их стоит знать до того, как выбирать.

Глубокая интеграция с системой. Запись в «Здоровье» на iOS и в Google Fit, чтение данных с часов, виджеты на рабочем столе — этого нет.

Фоновая работа. Приложение из магазина может делать что-то, пока закрыто. PWA — нет или почти нет.

Гарантия, что данные не сотрутся. Хранилище браузера операционная система вправе очистить при нехватке места. На практике это редкость, но данные, которые нельзя потерять, стоит выгружать в файл или держать в аккаунте.

Присутствие в поиске магазина. Человек, который ищет приложение в App Store, PWA там не найдёт — только по адресу или ссылке.

Почему сервисы это выбирают

Три причины, и ни одна не про технологии.

Первая: одна кодовая база вместо трёх. Вместо веб-версии, приложения на iOS и приложения на Android разрабатывается и обновляется одно.

Вторая: комиссия магазинов за покупки внутри приложения. Она заметно влияет на цену, которую в итоге платит пользователь.

Третья: отсутствие модерации между исправлением и пользователем. Ошибка в приложении из магазина живёт до одобрения обновления, в вебе — до следующего открытия страницы.

Второй путь: бот в мессенджере

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

Плюсы очевидны: ничего не нужно добавлять на экран, и работает это на любом устройстве, где есть мессенджер. Минусы тоже: нет своего интерфейса, нет удобного дневника, и переписка с ботом хранится по правилам мессенджера, а не сервиса. Для разовой проверки бот удобнее, для регулярного учёта — нет.

Как понять, что перед вами PWA

Открыть сайт в браузере телефона и посмотреть, предлагает ли он добавиться на экран. Если предлагает — есть манифест. Дальше проверить офлайн: открыть один раз, включить режим полёта, открыть снова. Работает — есть и service worker.

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

Посчитать по фото

Частые вопросы

Чем PWA отличается от обычного приложения?

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

Как добавить сайт на главный экран iPhone?

Открыть его в Safari, нажать «Поделиться» и выбрать «На экран „Домой“». В сторонних браузерах на iOS этого пункта долгое время не было, поэтому если он не находится — стоит проверить, в каком браузере открыт сайт.

Работают ли уведомления в PWA?

На Android — да, давно. На iOS — начиная с версии 16.4, вышедшей в марте 2023 года, и только для сайтов, добавленных на главный экран.

Читайте также

• Можно ли считать калории без интернета — Ответ разный для разных частей приложения.
• Приложения для подсчёта калорий: как они устроены и где ошибаются — Счётчик калорий выглядит как калькулятор, и от него ждут точности калькулятора.
• Как нейросеть узнаёт еду на фотографии — Фотография тарелки превращается в число на экране за несколько секунд, и со стороны это выглядит как измерение.

Материал носит справочный и информационный характер. Он не является медицинской рекомендацией, диагностикой, назначением лечения или диеты и не заменяет консультацию врача. При заболеваниях, беременности, приёме лекарств и любых состояниях, требующих контроля рациона, решения о питании принимаются с врачом.

Сведения о нормах, регламентах и исследованиях приведены по состоянию на момент подготовки материала и могут измениться; их актуальность следует проверять по первоисточникам. Материал не является рекламой, публичной офертой или индивидуальной консультацией. Автор и владелец сайта не несут ответственности за решения, принятые на основании этого текста.