Пуши для iOS, рост производительности — почему Flutter теперь ещё больше подходит для PWA

PWA уже давно не новинка на рынке антикризисных технологий. Мы подробно разбирали технологию в других статьях: как можно заменить мобильное приложение с помощью PWA, как создать PWA на Flutter, как сделать универсальное приложение для всех платформ и как отличить PWA от мобильного веба.

Освещая плюсы и минусы прогрессивных веб-приложений, каждый раз приходилось оговариваться, что всё ещё есть ряд ограничений, в частности, для iOS. Например, отсутствие в PWA push-уведомлений для iOS — серьёзный минус в борьбе за внимание пользователей. Кроме того, многие крупные компании с осторожностью смотрели в сторону PWA, так как было много неопределенности: возможно ли бесшовно перенести проект с натива на PWA и после снятия санкций вернуть его обратно, какую технологию выбрать для реализации.

В этой статье разберём: что нового во Flutter для PWA, и как теперь работают push для iOS.

Apple выпустили первую бета-версию iOS 16.4, в которой появилась поддержка Web Push и других функций для веб-приложений.

Начиная с первого iPhone, пользователи могли добавлять ярлык любого сайта на главный экран своего смартфона. Делается это просто: пользователь нажимает кнопку «Поделиться», чтобы открыть меню, затем нажимает «Добавить на главный экран», значок выбранного сайта появляется на главном экране. Но возможность отправлять push-уведомления из PWA для iOS не была реализована до недавнего времени.

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

Уведомления от веб-приложений работают точно так же, как уведомления от других приложений. Они отображаются на экране блокировки, в «Центре уведомлений» и на подключённых Apple Watch.

Что это даст вашему приложению? Вы не потеряете текущую аудиторию и сможете привлекать новых клиентов. Отправка пользователям пуш-уведомления позволяет оповещать о новых акциях и предложениях, выстраивать персонализированное взаимодействие с пользователем.

В этом разделе расскажем о том, какие нововведения уже доступны во Flutter, а какие только ожидают релиза. Информация актуальна на момент публикации статьи.

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

Что это даст вашему приложению? Impeller обеспечивает идеально гладкую работу приложений со сложной графикой. Он способен заметно улучшить производительность в определённых сценариях. Теперь у Flutter еще больше возможностей для графического и визуального оформления.

Статус: доступно для использования с небольшими ограничениями.

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

Нововведения доступны не только на мобильных: в веб-версиях можно реализовать всё то же самое. Одна и та же кодовая база обеспечивает работу интерфейсов как на iOS и Android, так и в браузере.

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

Статус: доступно для использования.

Во Flutter можно будет импортировать модели, созданные в Blender — специальной программе для создания трёхмерной графики. Кроме того, каждая итерация работы с объектом будет отображаться в реальном времени, что позволит видеть результат в приложении.

Что это даст вашему приложению? Возможность интегрировать 3D в другие интерфейсы на Flutter и сделать контент приложения более современным и уникальным.

Статус: скоро появится во Flutter.

Для перевода приложения в веб, Flutter можно использовать как компонент, встроенный в более сложное приложение. Бывает, что приложениям нужно обратиться к системным API или коду, написанному на другом языке. Чтобы сделать это взаимодействие бесшовным, во Flutter скоро появится интеграция с веб и мобильными платформами.

В концептуальном демо, которое выпустили разработчики Flutter, представлено простое приложение, встроенное в веб‑страницу на HTML.

С помощью HTML-кнопки и JavaScript можно вносить изменения в состояние Flutter и наоборот.

Что это даст вашему приложению? Много новых способов добавлять интерактивные элементы в уже существующее приложение.

Статус: скоро появится во Flutter.

Наш опыт использования. Мы протестировали возможности Flutter Web на создании прототипа необанка. Концепт отражает возможности платформы: создание универсального приложения для веба, десктопа и мобильных. Подробнее почитать о кейсе можно тут.

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

Многие коммерческие компании и банки остались без доступов в сторы. Вариантов выхода из ситуации было несколько: кто-то быстро заказывал приложения-зеркала, на которые нужно такой же бюджет, как и на основное, а за скорость, скорее всего, ещё и нужно было доплатить. Второй вариант — создание прогрессивного веб-приложения. Однако и тут ожидали подводные камни: все они сводились к урезанным функциям на платформе iOS. Теперь же, с выходом iOS 16.4, причин не выбрать PWA — всё меньше. Для владельцев iPhone будут доступны такие же функции PWA приложений, как и для Android.