Apple выпустила Safari для веб-разработчиков Apple Екатеринбург ...

Apple Safari

Для настройки Web Push в браузер Safari необходимо иметь расширение Developer в Apple аккаунте.

Все действия выполняются на macOS X устройстве:

Откройте Certificates, Identifiers & Profiles (https://developer.apple.com/account/ios/certificate), зайдите в аккаунт разработчика Apple и следуйте приведеннной ниже инструкции.

Шаг 1. Регистрируем новый идентификатор

1. Слева вы увидете Панель навигации. Перейдите на вкладку Identifiers. Затем добавьте новый Идентификатор. Для этого кликните значок + справа от заголовка Identifiers.


2. В открывшемся окне выберите Website Push IDs, так как в данный момент мы хотим рассылать Push уведомления на устройства macOS с нашего web-сайта.


3. Введите Description (Описание) и Identifier (Идентификатор).

Введите ID в формате web.com.domainname.appname.

Важно! Первая часть всегда - web, частей может быть сколько угодно, но в разумных пределах. Приветствуется использовать стиль обратного домена web.org.example.push).


4. Нажмите кнопки Continue, затем Register


Итак, вы создали и зерегистрировали Website Push ID. Теперь вы можете в любой момент посмотреть информацию о данном ID на вкладке Identifiers.


Чтобы увидеть идентификаторы для рассылки push ведомлений именно с web-сайтов, не забудьте открыть выпадающий список в правом углу, кликнув на App IDs и выбрать Website Push IDs.


Шаг 2. Создаем сертификат

1. Для каждого идентификатора нужен Сертифкат. Чтобы создать его, найдите ваш только что созданный Web Push ID в списке и кликните по нему.

2. Обратите внимание на поле Identifier (Идентфикатор). Информация в нем понадобится для настройки ресурса для рассылки Web push уведомлений на платформе Altcraft, а именно - при заполнении поля Website Push ID.

3. Нажмите Create Certificate, чтобы создать сертификат.


4. Теперь необходимо сгенерировать Сертификат. Для этого необходим Certificate Signing Request (CSR) (формат запроса - .certSigningRequest).

Для создания запроса кликните Learn more.


5. Откроется новая страница. Следуйте инструкциям, приведенным на ней.

6. Когда вы создадите Certificate Signing Request, вернитесь на предыдущую страницу. Кликните Choose File и в открывшемся окне выберите созданный вами CSR. 

После этого нажмите Continue.


Шаг 3. Сохраняем сертификат

1. На следующей вкладке скачайте Сертификат на ваш Mac, нажав на кнопку Download. Файл сохранится в формате .cer


2. Найдите его на вашем устройстве и дважды кликните мышкой. Таким образом, .cer файл установится в KeyChains.


3. Теперь найдите установленный сертификат в KeyChains, кликните по нему правой кнопкой мыши и экспортируйте его на диск в формате .p12.



4. В процессе экспорта вас попросят ввести Пароль. Этот же пароль позже потребуется для настройки рассылки push уведомлений на платформе Altcraft. Запомните его!


Шаг 4. Настраиваем ресурс в плафторме Altcraft

Вернемся на платформу Altcraft, а именно - в настройки ресурса для рассылки Web push уведомлений.

1. Выберите плаформу Safari. Активируйте Apple Safari сервис. 

2. Заполните поля:

  1. Website Push ID - необходимые данные вы можете найти, открыв созданный вами Идентификатор в аккаунте разработчика Apple (поле - Identifier). 
  2. Website Client SSL Certificate (.p12) - это тот самый файл сертификата .p12. Загрузите его в платформу.
  3. Website Client SSL Certificate пароль - пароль, который вы вводили, когда экспортировали сертификат.
  4. API token - это автогенерируемый токен, который посылает сервер Apple Push Notification Service в момент подписки на уведомления. Вы можете выбрать любой из предложенных токенов.
  5. Иконка - изображение, которое будет показано в уведомлении. Формат - .png. Рекомендуемый размер - больше или равно 256x256 (px). Safari поддерживает только одно изображение на ресурс (web-сайт).

Следующий шаг: Подключение Web push на сайт


  • No labels