Підключення web push для Safari

Акаунти розробника та 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 ID слід вказати ID з кабінету розробника. Його можна знайти в розділі Keys, клікнувши відповідний ключ.

Для відображення іконок у Safari потрібне виключно квадратне зображення не менше ніж 256×256 пікс. у форматі PNG або JPEG. На відміну від підписників з інших браузерів  для підписників Safari це зображення буде встановлено лише одного разу, і його не можна буде змінити. Під час зміни цього зображення старі підписники отримуватимуть  повідомлення зі старим зображенням, а нові — з новим.

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