Інструкція з підключення Safari web push

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

Щоб підключити Safari Web Push-повідомлення, потрібно мати обліковий запис Apple ID: https://appleid.apple.com.

Налаштування облікового запису Apple IDта акаунт розробника: https://developer.apple.com/programs/.

Інтерфейс аккаунта розробника

Крок 1. Реєстрація Web Push ID

1. В акаунті розробника в розділі Website Push ID необхідно створити новий Push ID

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

Створення нового Push ID

Створення нового Push ID

У розділі реєстрації треба вказати поля Description та ID, після чого натиснути Continue,

Заповнення полів description та ID

на наступному підтверджуємо реєстрацію:

Підтвердження Website Push ID

і в кінці натиснути "Done".

Підтвердження реєстрації

Після підтвердження реєстрації в списку Web Push ID з'явиться створений вами ID:

Створений ID у списку

Крок 2. Запит сертифікату у Зв'язці ключів на MacOS

Далі потрібно відкрити програму Keychain Access. Вона є стандартною на комп'ютерах Apple. У меню програми вибрати пункт Certificate Assistant/Request a Certificate From a Certificate Authority:

Certificate Assistant

У меню, що відкрилося, заповнити Email користувача та ім'я користувача і вибрати пункт Saved to disk:

Certificate Information

...і зберегти файл

Зберегти налаштування

Крок 3. Генерація сертифікату

Повертаємося до акаунта розробника

https://developer.apple.com/account/ios/certificate/ та натискаємо «+»:

 

Аккаунт розробника

 Потрібно вибрати пункт Website Push ID Certificate:

Website Push ID Certificate

На наступному кроці вибираємо створений нами Web push ID:

Web push ID

На другому кроці візарду натискаємо «Continue».

 Натискаємо Continue

На третьому кроці треба завантажити згенерований через Keychain Access файл.

Keychain Access файл

На четвертому кроці зкачуємо сертифікат:

Зкачування сертифікату

Експорт сертифікату .p12

Двічі клікаємо скачаний файл. Відкриється програма Keychain Access, у якій знаходимо акордеон нашого сертифікату в списку My Certificates:

Програма Keychain Access

Розгортаємо акордеон і в контекстному меню вибираємо пункт Export "...".

Експорт сертифікату

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

Генерація сертифікату .p12

Отримання сертифікату .p8

Знову заходимо до акаунта розробника в розділ Keys/All 

https://developer.apple.com/account/ios/authkey/.

Створення ключа

Клікаємо кнопку створення нового ключа:

Створення нового ключа

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

Apple Push Notifications service (APNs)

На наступному кроці перевіряємо інформацію:

Перевіряємо інформацію

На останньому кроці зкачуємо сертифікат .p8.

Скачування сертифікату .p8

Налаштування Safari Push в eSputnik

У своєму акаунті заходимо до налаштувань:

Налаштування в аккаунті

у розділ Web push.

Налаштування для Web pushЯкщо ви додаєте Safari до існуючого сайту, виберіть його зі списку. Якщо у вас ще немає сайту, натисніть кнопку Створити.

Налаштування сайту

Для нового сайту вам спочатку будет потрібно обрати налаштування: в один чи два кліки будуть підписуватися ваші користувачі.

 Налаштування вікна підписки

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

Новий сайт для web-push

У розділі Web push для Safari потрібно завантажити файли .p8 і .p12:

Налаштування Web push для SafariУ полі Key ID слід вказати ID з кабінету розробника. Його можна знайти в розділі Keys, клікнувши відповідний ключ.

Поле Key ID

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

Завантаження зображення для веб-пуш

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

Підписка на  push

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email