Как установить PWA на iPhone

С Android всё понятно и решено. WebAPK собрался, иконка в меню, всё работает. Я победил Гугл. Теперь пришло время владельцев iPhone.

И вот тут хочу сказать честно. Я бы не так заморачивался с этим iOS, если бы не одна вещь. Уведомления для будущего чата. Это единственная причина, по которой я вообще лезу в этот огород. Без чата и уведомлений мне было бы плевать, как там у них что работает.

Но чат нужен. Сообщество нужно. А значит, надо выкручиватся.

Почему на iPhone всё сложнее

Apple не даст тебе кнопку «Установить». Никаких всплывающих окон, никаких подсказок от браузера. Они считают, что тебе это не нужно. Они хотят контролировать всё.

Я не собираюсь делать нативное приложение под их систему. Да и как его ставить без их магазина? Танцы с бубном через сайдлоадинг, которые обычный юзер не осилет. Поэтому приходится использовать PWA. Да, это костыль. Но это единственный бесплатный и рабочий способ дать вам чат с уведомлениями.

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

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

Вот квест из четырех шагов.

  1. Открываешь сайт в Safari.
  2. Жмешь на кнопку «Поделиться» внизу. Это квадрат со стрелочкой вверх.
  3. Листаешь меню вниз, ищешь строчку «На экран “Домой”».
  4. Жмешь «Добавить». Всё, иконка на рабочем столе.

Запускается без адресной строки, как нормальное приложение.

Но есть нюансы

Apple тут наставила палок в колеса.

Уведомления. Они работают только на iOS 16.4 и выше. И только если ты сделал всё по инструкции выше (добавил на экран Домой). И разрешение на пуши прийдется давать вручную, оно само не выскочит.

Кэш. Safari может молча удалить все данные твоего приложения, если ты не заходил в него 14 дней. Так что если пользуешься редко - настройки могут слететь к чертям.

Фон. Приложение на iOS не умеет работать в фоне. Свернул - оно замерло. Это ограничение системы, с ним ничего не сделать.

Итог

Придется смириться. Я не буду делать нативку под iOS, это тупик для одиночки. Так что ставим PWA через Safari. Да, вручную, да, с ограничениями.

Но уведомления от чата будут приходить. И это главное.