Как веб-приложение может отправлять push-уведомления на устройства iOS?
Я работаю над веб-приложением. Как я могу отправлять push-уведомления пользователям iOS, когда появляется новый контент?
11 ответов
Более конкретно, чтобы веб-приложение отправляло push-уведомления на мобильное устройство, такое как iPhone, мобильное устройство должно быть зарегистрировано для получения push-уведомлений для определенного приложения. Регистрация для push-уведомлений осуществляется через собственное приложение и может быть выполнена только через собственное приложение. Как только собственное приложение зарегистрировано для push-уведомлений, оно может отправить токен авторизации на сервер, который можно использовать вместе с сертификатом, используемым для предоставления собственного клиента, для отправки push-уведомлений на мобильное устройство.
Как указано в другом ответе, один из вариантов - "обернуть" ваше веб-приложение в собственное приложение. Это означает, что вы должны создать собственное приложение, которое в основном представляет UIWebView (для iPhone dev) пользователю, показывающему ваше веб-приложение. Хотя это в значительной степени работает так же, как и в собственном браузере, вы можете добавить возможность регистрации push-уведомлений с помощью встроенных элементов управления.
Вам было бы полезно ознакомиться с документом push-уведомлений Apple, поскольку он содержит довольно хорошую информацию о том, как функции push-сообщений на iPhone.
Смотрите эти ссылки, предоставленные Питером Хоси:
Хотя еще не поддерживается в iOS (начиная с iOS 10), веб-сайты могут отправлять push-уведомления в Firefox и Chrome (Desktop/Android) с помощью Push API.
Push API используется вместе со старыми веб-уведомлениями для отображения сообщения. Преимущество состоит в том, что Push API позволяет доставлять уведомления, даже когда пользователь не просматривает ваш веб-сайт, потому что они построены на рабочих сервисах (скриптах, которые зарегистрированы браузером и могут выполняться в фоновом режиме позже, даже после ваш пользователь покинул ваш сайт).
Процесс отправки уведомления включает в себя следующее:
- пользователь посещает ваш веб-сайт (должен быть защищен через HTTPS): вы запрашиваете разрешение на отображение push-уведомлений и регистрируете работника службы (сценарий, который будет выполняться при получении push-уведомления)
- если пользователь предоставил разрешение, вы можете прочитать токен устройства (конечную точку), который следует отправить на сервер и сохранить
- теперь вы можете отправлять уведомления пользователю: ваш сервер отправляет HTTP-запрос POST к конечной точке (который является URL-адресом, содержащим маркер устройства). Сервер, который получает запрос, принадлежит производителю браузера (например, Google, Mozilla): браузер постоянно подключен к нему и может читать входящие уведомления.
- когда пользовательский браузер получает уведомление, выполняется сервисный работник, который отвечает за управление событием, извлекает данные уведомления с сервера и отображает уведомление пользователю
В настоящее время Push API поддерживается на настольных ПК и Android в Chrome, Firefox и Opera.
Вы также можете отправлять push-уведомления на рабочий стол Apple / Safari с помощью APN. Подход аналогичен, но со многими сложностями (сертификаты разработчика Apple, push-пакеты, низкоуровневое TCP-соединение с APN).
Если вы хотите реализовать push-уведомления самостоятельно, начните с этих уроков:
- Push API: Push-уведомления в Open Web
- Система push-уведомлений Apple: настройка push-уведомлений Safari
Если вы ищете подходящее решение, я бы предложил Pushpad, сервис, который я создал.
Обновление (сентябрь 2017 г.): Apple начала разработку сервисных работников для WebKit ( статус). Так как сервисные работники являются фундаментальной технологией для продвижения по сети, это большой шаг вперед.
Нет, только родные приложения для iOS поддерживают push-уведомления.
ОБНОВИТЬ:
Сайты Mac OS X 10.9 и Safari 7 теперь также могут отправлять push-уведомления, но это по-прежнему не относится к iOS. Прочитайте Руководство по программированию уведомлений для веб-сайтов. Также проверьте Сессию WWDC 2013 614.
Вы можете использовать pushover, если не хотите создавать свое собственное приложение: https://pushover.net/
Google Chrome теперь поддерживает стандарт W3C для push-уведомлений.
На самом деле... это совершенно новый взгляд. В новейшей версии OS X (Mavericks) вы МОЖЕТЕ отправлять push-уведомления с веб-страницы на рабочий стол. Но согласно документации, НЕ айфонов:
Note: This document pertains to OS X only. Notifications for websites do not appear on iOS.
В настоящее время Apple планирует разрешить 2 вида push-уведомлений: OS X Website Push-уведомления и Local Notifications.
Очевидным препятствием здесь является то, что это не будет работать на ПК и не позволит вам делать push-уведомления Android.
Более того, вы можете со старыми версиями Snow Leapord отправлять push-уведомления с веб-сайта, если он открыт и активен. Новая ОС Mavericks будет разрешать push-уведомления, даже если сайт не открыт, при условии, что вы уже дали разрешение указанному сайту отправлять push-уведомления.
Из уст Apple:
В OS X v10.9 и более поздних версиях вы можете отправлять push-уведомления веб-сайта OS X с вашего веб-сервера непосредственно пользователям OS X с помощью службы push-уведомлений Apple (APN). Не путать с локальными уведомлениями, push-уведомления могут достигать ваших пользователей независимо от того, открыт ли ваш сайт или их веб-браузер...
Чтобы встроить push-уведомления в ваш веб-сайт, вы сначала представляете интерфейс, который позволяет пользователю получать уведомления. Если пользователь дает согласие, Safari связывается с вашим сайтом и запрашивает его учетные данные в виде файла, называемого push-пакетом. Пакет push-уведомлений также содержит ресурсы уведомлений, используемые в OS X, и данные, используемые для связи с настраиваемой веб-службой. Если push-пакет действителен, вы получаете уникальный идентификатор пользователя на устройстве, известный как маркер устройства. Пользователь получает уведомление, когда вы отправляете комбинацию этого токена устройства и вашего сообщения или полезной нагрузки в APN.
Получив уведомление, пользователь может щелкнуть его, чтобы открыть выбранную вами веб-страницу в браузере пользователя по умолчанию.
Примечание. Если вам необходимо обновить APN, прочтите главу "Служба push-уведомлений Apple" в Руководстве по программированию локальных и push-уведомлений. Хотя документ относится к push-уведомлениям iOS и OS X, парадигмы службы push-уведомлений по-прежнему применяются.
Нет, веб-приложение не может получать push-уведомления. Что вы можете сделать, это превратить ваше веб-приложение в нативное приложение с push-уведомлениями.
Вы можете использовать HTML5 Websockets для представления своих собственных push-сообщений. Из Википедии:
"Для клиентской стороны WebSocket должен был быть реализован в Firefox 4, Google Chrome 4, Opera 11 и Safari 5, а также в мобильной версии Safari в iOS 4.2. Кроме того, браузер BlackBerry в OS7 поддерживает WebSockets".
Для этого вам нужен собственный сервер провайдера для отправки сообщений клиентам.
Если вы хотите использовать APN (Apple Push Notification) или C2DM (Cloud to Device Message), у вас должно быть собственное приложение, которое необходимо загрузить через онлайн-магазин.
W3C создал в 2010 году рабочую группу для реализации уведомлений:
http://www.w3.org/2010/web-notifications/
Эта рабочая группа разрабатывает API-интерфейсы, которые предоставляют эти механизмы веб-приложениям, так что веб-разработчики, создающие, например, веб-клиенты электронной почты и клиенты мгновенных сообщений, могут более тесно интегрировать поведение своих веб-приложений с функциями уведомлений операционных систем. их конечных пользователей.
Наконец, результат похож на плохую шутку, поскольку он работает, только если конкретный веб-сайт открыт: http://alxgbsn.co.uk/notify.js/
Я думаю, что они упустили возможность добавить push-ссылки, чтобы браузер мог запрашивать уведомления во время работы в фоновом режиме - и прежде всего - если все вкладки были закрыты.
Pushbullet является отличной альтернативой для этого.
Однако пользователю необходимо иметь учетную запись Pushbullet и установленное приложение (iOS, Android) или плагин (Chrome, Opera, Firefox и Windows).
Вы можете использовать API, создав приложение Pushbullet, и подключить пользователя своего приложения к пользователю Pushbullet с помощью oAuth2.
Использование библиотеки сделало бы это намного проще, для PHP я мог бы порекомендовать https://github.com/ivkos/Pushbullet-for-PHP.
Ознакомьтесь с уведомлениями Xtify Web Push. http://getreactor.xtify.com/ Этот инструмент позволяет размещать контент на веб-странице и ориентировать посетителей, а также запускать сообщения на основе событий DOM браузера. Он разработан специально для мобильных устройств.