Инструкция по подключению 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 и видим приглашение получать уведомления!
