Инструкция по подключению Safari web push

Аккаунты разработчика и Apple ID

Чтобы подключить Safari Web Push-уведомления, нужно иметь учетную запись Apple ID: https://appleid.apple.com.

и аккаунт разработчика: https://developer.apple.com/programs/.

Шаг 1. Регистрация Web Push ID

1. В аккаунте разработчика в разделе Website Push ID нужно создать новый Push ID

https://developer.apple.com/account/ios/identifier/websitePushId

В разделе регистрации нужно указать поля Description и ID и нажимаем Continue,

на следующем подтверждаем регистрацию:

и в конце нажимаем “Done”.

После подтверждения регистрации в списке Web Push ID появится созданный вами ID:

Шаг 2. Запрос сертификата в Связке ключей на MacOS

Далее нужно открыть программу Keychain Access. Она стандартная на компьютерах Apple. В меню программы выбрать пункт Certificate Assistant/Request a Certificate From a Certificate Authority:

В открывшемся меню заполнить Email пользователя и имя пользователя и выбрать пункт Saved to disk:

...и сохранить файл

Шаг 3. Генерация сертификата

Возвращаемся в аккаунт разработчика https://developer.apple.com/account/ios/certificate/ и нажимаем на «+»:

Нужно выбрать пункт Website Push ID Certificate:

На следующем шаге выбираем созданный нами Web push ID:

На втором шаге визарда нажимаем «Continue».

На третьем шаге нужно загрузить сгенерированный через Keychain Access файл.

На четвертом шаге скачиваем сертификат:

Экспорт сертификата .p12

Дважды кликаем на скачанный файл. В открывшейся программе Keychain Access находим аккордеон нашего сертификата в списке My Certificates:

Разворачиваем аккордеон и в контекстном меню выбираем пункт Export “...”.

В диалоге генерации файла можно дополнительно задать пароль к файлу .p12:

Получение сертификата .p8

Снова заходим в аккаунт разработчика в раздел Keys/All  https://developer.apple.com/account/ios/authkey/.

Кликаем на кнопку создания нового ключа:

Выбираем пункт Apple Push Notifications service (APNs):

На следующем шаге проверяем информацию:

На последнем шаге скачиваем сертификат .p8.

Настройка Safari Push в eSputnik

В своем аккаунте заходим в настройки:

в раздел Web push.

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

Для нового сайта вам понадобится заполнить все поля. Если сайт уже существует, переходите в блок для Safari.

В разделе Web push для Safari нужно загрузить файлы .p8 и .p12:

Key file password оставьте пустым, если при создании файла вы не задавали ему пароль.

В поле Key ID нужно указать ID из кабинета разработчика. Его можно найти в разделе Keys, кликнув по соответствующему ключу.

Для отображения иконок в Safari нужно исключительно квадратное изображение не менее 256 × 256 пикс. в формате PNG или JPEG. В отличие от подписчиков с других браузеров, для подписчиков Safari это изображение будет установлено только один раз и его нельзя будет изменить. При замене этого изображения, старые подписчики будут получать уведомления со старым изображением, а новые – с новым.

После сохранения всех настроек заходим на свой сайт с браузера Safari и видим приглашение получать уведомления!