Підключення Web Push для Safari

Push-сповіщення Safari запускаються за допомогою служби push-повідомлень Apple (APN), навіть якщо браузер Safari закритий. Веб-пуші працюють так само, як push-сповіщення у застосунках.

Щоб налаштувати веб-пуші для Safari, вам потрібний обліковий запис Apple

та обліковий запис розробника (платний).

📘

Зверніть увагу

Механізм надсилання повідомлень VAPID дозволяє здійснювати розсилку веб-пушів в Safari версій 16+. Якщо ви використовуєте VAPID і вам не потрібно надсилати повідомлення у більш старі версії Safari, ви можете пропустити інструкцію нижче.

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

1. У своєму обліковому записі розробника перейдіть до розділу Identifiers та виберіть Website Push IDs.

2. Виберіть Website Push IDs та натисніть Continue.

3. Заповніть поля Description та Identifier та натисніть Continue.

• Description. Назва вашого сервісу для Provisioning Portal, який позначає Website Push IDs більш зрозумілим для людини описом.
• Identifier. Ваше унікальне зворотне позначення імені домену, яке має починатися з web (наприклад, web.com.example.domain).

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

Крок 2. Запит сертифіката у Keychain Access для MacOS

1. Відкрийте програму Keychain Access. Вона є стандартною для комп'ютерів Apple. У меню виберіть пункт Certificate Assistant > Request a Certificate From a Certificate Authority.

2. Заповніть поля Email Address та Common Name, а потім виберіть Saved to disk.

3. Натисніть Save.

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

1. У своєму обліковому записі розробника перейдіть до розділу iOS Certificates і натисніть Create a certificate.

2. Виберіть Website Push ID Certificate та натисніть Continue.

3. Завантажте файл Certificate Signing Request.

4. Завантажте сертифікат.

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

1. Двічі клацніть на завантажений файл. У програмі Keychain Access у списку My Certificates виберіть сертифікат.

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

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

Крок 5. Отримання сертифіката .p8

Розширення .p8 є текстовим файлом з ключами, які використовуються для виконання контенту JWT для повідомлень APN.

1. У своєму обліковому записі розробника перейдіть до розділу Keys та натисніть Create a key.

2. Виберіть Apple Push Notifications service (APNs).

3. Зареєструйте новий ключ.

4. Завантажте сертифікат .p8.

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

1. Зайдіть у налаштування облікового запису на вкладку Web Push.

2. Якщо ви додаєте Safari до існуючого сайту, натисніть на його посилання (1). Якщо у вас ще немає сайту, натисніть кнопку "+ Прив'язати сайт" (2).

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

3. У розділі "Підтримка старих браузерів" потрібно завантажити файли .p8 та .p12:

4. У полі Key ID потрібно вказати ID із кабінету розробника. Його можна знайти в розділі Keys, клацнувши відповідний ключ.

📘

Зверніть увагу

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

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