Инструкция по подключению Safari web push
- Аккаунты разработчика и Apple ID
- Шаг 1.Регистрация Web-push ID
- Шаг 2. Запрос сертификата в Связке ключей на MacOS
- Шаг 3. Генерация сертификата
Аккаунты разработчика и 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 “...”
В диалоге генерации файла можно дополнительно задать пароль к файлу p.12
Получение сертификата .p8
Снова заходим в аккаунт разработчика в раздел Keys/All https://developer.apple.com/account/ios/authkey/
Кликаем на кнопку создания нового ключа
Выбираем пункт Apple Push Notifications service (APNs)
На следующем шаге проверяем информацию информацию
На последнем шаге скачиваем сертификат .p8
Настройка Safari push в eSputnik
В своем аккаунте заходим в настройки
в раздел Web push
Если вы добавляете Safari к существующему сайту, выберете его из списка. Если у вас еще нет сайта, нажмите кнопку Создать.
Для нового сайта вам понадобится заполнить все поля. Если сайт уже существует, заполните поле «Название сайта»
В разделе Web push для Safari нужно загрузить файлы .p8 и p.12
Key file password оставьте пустым, если при его создании вы не создавали к нему пароля.
В поле Key ID нужно указать ID из кабинета разработчика. Его можно найти в разделе Keys, кликнув по соответствующему ключу.
Для отображения иконок в Safari нужно только квадратное изображение не менее 256 × 256 пикс. в формате PNG или JPEG. В отличие от подписчиков с других браузеров, для подписчиков Safari это изображение будет установлено только один раз и его нельзя будет изменить. При повторной смене этого изображения, старые подписчики будут получать уведомления со старым изображением, а новые с новым.
После сохранения всех настроек заходим на свой сайт с браузера Safari и видим приглашение получать уведомления!
