Установка на телефон

Что такое PWA простыми словами

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

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

Зачем ставить, если работает и в браузере

1. Уведомления. На iPhone push-уведомления работают ТОЛЬКО в приложении, добавленном на экран «Домой»: до этого разрешение не спросить в принципе. Это главная причина, по которой инструкция вообще существует.
2. Быстрый доступ. Иконка на экране вместо поиска ссылки в почте на третий день мероприятия.
3. Доступ при нестабильной связи. Уже открытые разделы остаются доступными при слабом сигнале на площадке.

Инструкция, которую пишет организатор

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

Шаги пишет организатор, а не платформа. У каждого шага заголовок, текст и платформа, для которой он показывается:

Разделение по версиям iOS не прихоть: Apple поменяла порядок установки в Safari, и одна инструкция на оба случая означала бы, что половина зала ищет кнопку, которой у неё на экране нет. Вкладка версий появляется, только если организатор действительно завёл разные шаги, — переключатель, который ничего не меняет, хуже отсутствующего.

Нужную вкладку приложение открывает само — по устройству участника, ещё на сервере, поэтому первый же кадр показывает правильную инструкцию. Переключить платформу руками можно всегда: iPad в режиме «как на компьютере» представляется макинтошем, и угадывание остаётся угадыванием.

Дополнительно:

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

Три режима

Организатор выбирает, насколько настойчиво предлагать установку:

В мягком режиме крестик не закрывает экран молча: открывается окно, которое называет цену отказа — без установки на «Домой» уведомления не работают, — и предлагает вернуться к установке или всё-таки продолжить в браузере. Молча человек лишился бы уведомлений и узнал об этом, когда зал уже перенесли.

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

Инструкция перекрывает первый экран целиком, включая вход, и своего адреса у неё нет намеренно: адрес в строке браузера стирают до «…/», и человек оказался бы внутри мимо неё. В уже установленном приложении она не показывается никогда — и не мигает при запуске: приложение понимает, что его открыли с домашнего экрана, до первой отрисовки.

Значок на домашнем экране

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

Что это даёт заказчику

Инструкция перестаёт быть общей «памяткой про PWA»: организатор пишет её своими словами, под свои устройства и с фирменными подсказками, а участник на каждом шаге видит ровно то, что относится к его телефону. Это прямо влияет на долю участников с работающими уведомлениями — то есть на то, дойдёт ли до зала объявление о переносе.