Как пользоваться веб-приложениями на iPhone и iPad

Мобильная операционная система iOS уже много лет поддерживает так называемые «веб-приложения». Но что это за веб-приложения и чем они отличаются от обычных приложений, используемых на iPhone и iPad? В статье объясняем это и рассказываем как ими пользоваться.

ВЕБ ПРИЛОЖЕНИЯ ios 16

Что такое веб-приложение?

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

С точки зрения пользовательского опыта, рассматривайте PWA как веб-сайт, который можно установить на домашний экран, не скачивая его из App Store. Среди популярных веб-приложений существую такие как: Google Maps, Starbucks, Tinder, Uber и Instagram.

По иронии судьбы, iOS фактически была первой платформой, которая поддерживала концепцию PWA. Когда Apple впервые выпустила iPhone, первые приложения были основаны на HTML5, что позволяло пользователям вручную добавлять их на главный экран для полноэкранного режима, похожего на приложение. В то время App Store даже не существовало.

веб приложения на ios, 25 февр. 2023 22:24:14 — крупный размер
Веб-приложение инстаграм
После выхода App Store, веб-приложения на iPhone потеряли свою актуальность, а Google Chrome продолжал помогать улучшать связанные веб-технологии, и к 2018 году все основные веб-браузеры, включая Safari, обязались поддерживать веб-приложения. С тех пор Apple продолжала помогать в развитии веб-приложений, просто громко не заявляя об этом. Поэтому многие были удивлены, когда Apple на WWDC 2022 объявила о своем намерении поддерживать push-уведомления для веб-приложений.

Плюсы и минусы веб-приложений

В отличие от «веб-приложений», которые функционируют как простые закладки на главном экране (см. ниже), PWA можно скачать заранее и работать в автономном режиме, а также использовать обычные веб-API. Это позволяет им предоставлять возможности приложений, имея доступ к геолокации, камере и Apple Pay.

С точки зрения разработчика, использование PWA означает, что вы избегаете потенциальных хлопот, связанных с прохождением вашего приложения через процесс модерации в App Store. Это может сделать веб-приложения более доступными для распространения, чем нативные приложения, которые можно найти в App Store. Кроме того, зайти на веб-сайт проще и быстрее, чем установливать приложение, а пользователи могут делиться веб-приложениями, просто отправив ссылку.

starbucks-web-приложение
Веб-приложение Starbucks весит 233 КБ, что на 99,84% меньше, чем мобильное приложение для iOS, которое имеет размер 148 МБ.

С другой стороны, нативные приложения лучше интегрируются с iOS и обеспечивают более удобный пользовательский интерфейс (хотя это постепенно меняется по мере развития веб-технологий, лежащих в основе PWA). Например, веб-приложения могут хранить только автономные данные и файлы общим размером не более 50 МБ. У них нет доступа к некоторым аппаратным функциям, таким как Bluetooth и Touch ID/Face ID, и они не могут выполнять код в фоновом режиме. У них также нет доступа к покупкам внутри приложений и другим сервисам Apple.

Как добавить веб-приложение на главный экран

  1. Откройте Safari на своем iPhone или iPad.
  2. Перейдите на веб-сайт, имеющий WPA/веб-приложение (многие из них перечислены здесь).
  3. Нажмите кнопку «Действие» также называемую «Поделиться».
  4. Пролистайте страницу поделиться вниз и выберите «На экран «Домой».
  5. Дайте веб-приложению имя, затем нажмите «Добавить» .

Ваше новое веб-приложение появится в свободном месте на главном экране вашего устройства. Если при открытии его вы возвращаетесь на стандартный веб-сайт, принудительно закройте Safari, а затем снова запустите веб-приложение.

Как настроить веб-push-уведомления

В iOS 16.4 и iPadOS 16.4, которые в настоящее время все еще находятся в стадии бета-тестирования, Apple добавила новую функцию, которая позволяет веб-приложениям, добавленным на главный экран, отправлять push-уведомления пользователям iPhone и iPad .

Благодаря новой функции веб-приложения, добавленные на домашний экран пользователя, могут запрашивать разрешение на получение push-уведомлений с помощью кнопки «Подписаться» или другой аналогичной опции в настройках веб-приложения. Такие уведомления работают точно так же, как уведомления из других приложений,  они отображаются на экране блокировки, в центре уведомлений и на сопряженных Apple Watch.

  1. Откройте веб-приложение, которое вы добавили на главный экран.
  2. Найдите и включите параметр, который включает push-уведомления. Возможно при первом запуске приложение само предложит вам включить уведомления.
  3. Когда появится запрос на разрешение, нажмите «Разрешить», чтобы разрешить веб-приложению отправлять вам уведомления, также как в обычных приложениях.

пуш-уведомления для веб приложений ios 16.4

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

настройка уведомлений для веб приложений

Добавление сайта как закладку на главный экран

Для веб-сайтов, у которых нет специального мобильного приложения или веб-приложения для доступа к их контенту, вы все равно можете добавить то, что по сути является закладкой веб-сайта, на главный экран, используя ту же опцию «Добавить на главный экран» в меню «Поделиться» Safari.

Создание закладки на главном экране позволяет использовать его в качестве портала одним касанием для доступа к определенному онлайн-контенту вместо необходимости открывать браузер, а затем выбирать закладку или вводить URL-адрес веб-сайта.

веб приложения на ios, 25 февр. 2023 22:58:19 — крупный размер
Когда вы нажимаете на закладку веб-сайта на главном экране, она открывается в Safari на выбранной вами странице. Несмотря на то, что это не веб-приложение, если сайт, на который вы ссылаетесь, имеет адаптивный дизайн (например IT-HERE.RU), удобный для мобильных устройств, работа с ним, при запуске с домашнего экрана, будет выглядеть как с обычным приложением.

Оцените пост
[всего: 2 рейтинг: 5]

Комментарии

Добавить комментарий