Як зробити push-сповіщення на сайті для Chrome (частина 1)

З 2015 року почала стрімко набирати популярності технологія Push APIвід Chrome. Все частіше, заходячи на різні новинні (і не тільки новинні) сайти, відвідувачам вилітає такий системний кадр із запитом:

Системне вікно Google Chrome, що запитує дозвіл на доставку повідомлень від сайту.

Я щиро вважаю цей канал доставки контенту (або залучення користувачів, називайте як хочете) одним із найперспективніших. Можливо навіть, через пару років ці пуші будуть таким же обов'язковим атрибутом кожного сайту, що поважає себе, якими сьогодні є RSS і паблики в соціальних мережах.

Однак сьогодні ця технологія ще досить молода і посібників з її використання мало не лише у вітчизняному інтернеті, а й у зарубіжному. Для прикладу далеко ходити не треба - навіть сам "Google", коли анонсував Push API, випустив до сліз мізерний прес-реліз. І тільки зараз, кілька годин покопавшись у гуглівських FAQ для розробників, можна зібрати інформацію, щоб зібрати скрипти, які хоч якось працюють, для відправки Push-повідомлень своїм читачам.

Як же зробити такі Push-сповіщення для свого сайту? Тут є два шляхи: використовувати сторонні сервіси (вони вже є і деякі з них дуже непогані) або створити власне рішення. Оскільки я прихильник мінімального використання сторонніх сервісів на сайті, то наш шлях у Місті був вирішений наперед.

Але, заради справедливості, варто замовити кілька слів і про зовнішні рішення. Зізнаюся, я не дуже вивчав цей ринок (причина названа трохи вище), проте не можна не згадати сервіс OneSignal, найпривабливіша риса якого в тому, що їхні послуги абсолютно безкоштовні - заробляють вони на продажу даних про відвідувачів клієнтського сайту. Так само є сервіс Jeapie, на їхньому боці дуже грамотний маркетинг і, як правило, хороші відгуки. Однак варто відзначити, що свого часу від їхніх послуг Медуза-Платформа була просто не готова до кількості пушів, які доводилося відправляти для величезної аудиторії Медузи.

Реалізація. Отримання облікових даних від Google.

У вихідних даних сайт, написаний на Rails 3.2.8і завдання зробити на ньому пушер повідомлень для Chrome.

Насамперед необхідно перекласти сайт на HTTPS (захищений гіпертекстовий протокол), тобто зробити для свого сайту SSL-сертифікат. Без нього пуші працювати не будуть (не перевіряв зі звичайним http, але так скрізь пишуть). Про те, що таке SSL, з чим його їдять, як поставити сертифікат на сервер і підключити його, я писати не буду  -інтернет рясніє подібними статтями. Лише порекомендую для цих цілей StartSSL. Це хороший центр, що засвідчує, з яким дружать всі відомі мені браузери, з навмисне простою процедурою реєстрації та верифікації (потрібно лише мінімально знати англійську мову) для отримання абсолютно безкоштовного SSL-сертифіката початкового рівня, в який можна включити ще п'ять (sic!) субдоменів.

Отже, ми отримали сертифікат та відповідним чином налаштували свій Nginx або Apache. Тепер в адресному рядку браузера поруч із адресою нашого сайту горить зелененьким симпатичний замочок, напис https://,і, якщо вам не шкода грошей, ще назва організації.