Як підключити Web Push повідомлення для браузера Safari — eSputnik

Дані користувача

Email

Омніканальність

Автоматизація

Відстеження подій та поведінки

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

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

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

 

Apple ID

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

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

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

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

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

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

Website Push IDs

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

Website Push IDs

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

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

Заполните поля

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

Созданный ID в списке

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

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

Certificate Assistant

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

Certificate Information

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

Сохранить настройки

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

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

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

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

Website Push ID Certificate

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

Certificate Signing Request

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

Скачайте сертификат

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

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

Keychain Access

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

Экспорт сертификата

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

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

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

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

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

Create a key

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

APNs

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

Регистрация

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

Скачайте сертификат .p8.

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

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

Safari push в eSputnik

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

Налаштування для Web Push

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

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

Підтримка старих браузерів

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

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

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

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

Підписка на  push

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