Перейти к содержанию

Конфигурация веб-push-уведомлений

Чтобы начать отправлять веб-push-уведомления с помощью Pushwoosh, вам необходимо настроить вашу веб-push-платформу и включить запрос на подписку, который будет отображаться пользователям.

Чтобы начать настройку, перейдите в Settings > Platform Configuration > Web Push Notifications и нажмите Configure.

Configure web push notifications

Настройка веб-push для всех браузеров (кроме старых версий Safari)

Anchor link to

Эта конфигурация применяется ко всем современным браузерам, включая последние версии Safari, которые теперь поддерживают веб-push-уведомления нативно.

Примечание: Старые версии Safari (macOS 10.14–12) требуют отдельной настройки. Вы можете выполнить ее в специальном разделе. Подробнее

Чтобы начать установку, нажмите Configure в разделе All browsers configuration.

Configure web push for all browsers

В окне конфигурации выберите один из следующих вариантов:

  • Создать новую конфигурацию для push-уведомлений
    Рекомендуется, если вы ранее не настраивали веб-push-уведомления через другой сервис. Pushwoosh автоматически сгенерирует новую пару VAPID-ключей.

  • Использовать существующую конфигурацию
    Выберите этот вариант, если у вас уже есть VAPID-ключи, например, из Firebase, и вы хотите продолжать использовать их, не запрашивая у пользователей повторную подписку.

Создание новой конфигурации для push-уведомлений

Anchor link to

Выберите Создать новую конфигурацию для push-уведомлений, если вы ранее не настраивали веб-push-уведомления с помощью другого сервиса. Pushwoosh автоматически сгенерирует для вас необходимые VAPID-ключи (Voluntary Application Server Identification).

Что такое VAPID-ключи?VAPID-ключи — это пара из открытого и закрытого ключей, используемая в Web Push Protocol для аутентификации сервера приложений при отправке push-уведомлений в веб-браузеры. Открытый ключ передается браузеру, когда пользователь подписывается на уведомления. Закрытый ключ остается на вашем сервере и используется для безопасной подписи каждого отправляемого сообщения.

Нажмите Configure, чтобы сгенерировать и применить ключи.

Create a new push configuration

После создания Pushwoosh будет автоматически использовать эти ключи в конфигурации SDK. Подробнее об интеграции Web Push SDK

Использование существующей конфигурации

Anchor link to

Если у вас уже есть VAPID-ключи (например, сгенерированные через Firebase), вы можете использовать их повторно для настройки веб-push-уведомлений в Pushwoosh.

Для этого:

  1. Выберите Use existing configuration.

  2. В поле Web Push Certificate введите ваш открытый VAPID-ключ.

  3. В поле Web Push Private Key введите ваш закрытый VAPID-ключ.

  4. Нажмите Configure, чтобы сохранить и применить настройки.

Use existing configuration

Как найти VAPID-ключи в Firebase

Anchor link to

Если вы переходите с Firebase и вам нужно повторно использовать существующие VAPID-ключи, выполните следующие шаги, чтобы их найти.

Сертификат Web Push
Anchor link to
  1. В Firebase перейдите в Project Settings → Cloud Messaging.
  2. Прокрутите вниз до раздела Web Configuration и скопируйте существующую пару ключей.

Find Web Push certificate

  1. Вставьте его в поле Web Push Certificate в форме веб-конфигурации Pushwoosh.

Paste it into the Web Push Certificate field

Закрытый ключ Web Push
Anchor link to
  1. В консоли Firebase перейдите в Project Settings → Cloud Messaging → Web Configuration.
  2. Нажмите меню с тремя точками в разделе Actions рядом с парой ключей и выберите Show private key. Этот ключ необходим для обеспечения корректной работы веб-push-уведомлений.

Find Web Push private key

  1. Скопируйте отображаемый ключ в буфер обмена.

  2. В форме веб-конфигурации Pushwoosh вставьте его в поле Web Push Private Key.

Paste Web Push private key

  1. Нажмите Apply, чтобы сохранить изменения.

Перенастройка конфигурации веб-push

Anchor link to

Если вы уже настроили веб-push-уведомления, но вам нужно обновить учетные данные (например, заменить VAPID-ключи), сделайте следующее:

  1. Нажмите Reconfigure в разделе All browsers configuration.

Reconfigure web push configuration

  1. Во всплывающем окне введите ваши новые VAPID-ключи:

    • Web Push Certificate: ваш новый открытый VAPID-ключ
    • Web Push Private Key: ваш новый закрытый VAPID-ключ
  2. Нажмите Configure, чтобы сохранить изменения.

Настройка запроса на подписку

Anchor link to

Для отправки push-уведомлений пользователи должны явно предоставить разрешение через системный запрос браузера. Без этого разрешения уведомления не могут быть доставлены.

Из-за недавних изменений в политике Chrome и Firefox нативный всплывающий запрос на разрешение может появляться только после того, как пользователь взаимодействует со страницей (например, нажимает кнопку). Чтобы соответствовать этому требованию, Pushwoosh по умолчанию отображает виджет запроса на подписку. Этот виджет побуждает пользователей дать согласие, и при их согласии запускает нативный запрос браузера.

Чтобы настроить текст и внешний вид запроса, нажмите Settings.

Configure the Subscription prompt

Типы запросов

Anchor link to

Доступны два типа запросов на подписку:

Примечание: Из-за ограничений платформы изменения в виджете могут появиться в течение 30 минут. Если изменения не отображаются, обратитесь в службу поддержки Pushwoosh.

Конфигурация Safari (macOS 10.14–12)

Anchor link to

Для поддержки push-уведомлений в старых версиях Safari (macOS 10.14–12) вам необходимо выполнить отдельный процесс настройки, используя ваши учетные данные Apple Developer. Этот шаг требуется только для этих старых версий, поскольку новые версии Safari (macOS Ventura и более поздние) поддерживают стандартную настройку веб-push, включенную в конфигурацию для всех браузеров.

Получение необходимых учетных данных от Apple

Anchor link to
  1. Перейдите в раздел Certificates, Identifiers & Profiles на портале Apple Developer.

  2. Добавьте новый сертификат.

  1. Выберите тип Website Push ID Certificate и нажмите Continue.
  1. Выберите Website Push ID — вашу уникальную строку в формате обратного домена, например web.com.example.domain (должна начинаться с web.).
  1. Загрузите запрос на подпись сертификата (CSR). Чтобы узнать больше о создании запросов на подпись сертификата, обратитесь к статье справки Developer Account.

  2. После этого загрузите сертификат для push-уведомлений.

Настройка Safari в Pushwoosh

Anchor link to
  1. Нажмите Configure в разделе Safari Configuration.

Configure Safari in Pushwoosh

  1. Заполните следующие поля в форме конфигурации:
Название сайтаНазвание вашего сайта, которое отображается в запросе на подписку.
Разрешенные доменыСписок доменов, которым разрешено запрашивать разрешение на отправку уведомлений (по одному на строку).
Шаблон URLURL-адрес, который открывается, когда пользователь нажимает на уведомление. Поддерживает плейсхолдеры, такие как %@, для вставки динамических значений. Пример: https://yourwebsite.com/%@
Иконка сайтаЗагрузите квадратное изображение в формате PNG (256×256 пикселей). Pushwoosh автоматически изменяет его размер для различных интерфейсов.
Файл ключаЗагрузите сертификат в формате .p12, экспортированный из вашей учетной записи Apple Developer.
Пароль от закрытого ключаПароль, использованный при экспорте файла .p12.

Fill in the Safari configuration form

  1. Нажмите Configure, чтобы сохранить изменения.

Pushwoosh автоматически сгенерирует push-пакет с набором иконок, JSON-словарем сайта и файлом манифеста, который Safari запрашивает с сервера. Вы можете загрузить его в любое время.