Comment faire des notifications push sur un site Web pour Chrome (partie 1)

Depuis 2015, la technologie a commencé à gagner rapidement en popularité API poussée depuis Chrome. De plus en plus, lorsqu'ils visitent divers sites d'actualités (et pas seulement d'actualités), les visiteurs se voient présenter le cadre système suivant avec la requête :

Fenêtre du système Google Chrome demandant l'autorisation d'envoyer des notifications depuis le site.

Je considère sincèrement ce canal pour diffuser du contenu (ou attirer des utilisateurs, quel que soit le nom que vous voulez lui donner) comme l'un des plus prometteurs. Peut-être même que dans quelques années, ces notifications push seront le même attribut obligatoire de tout site d'information qui se respecte, que sont aujourd'hui les RSS et les pages publiques des réseaux sociaux.

Cependant, aujourd'hui, cette technologie est encore assez jeune et il existe peu de lignes directrices pour son utilisation non seulement sur l'Internet national, mais également sur l'Internet étranger. Par exemple, il n’est pas nécessaire d’aller bien loin  – même Google lui-même, lorsqu’il a annoncé l’API Push, a publié un maigre communiqué de presse qui m’a fait pleurer. Et seulement maintenant, après avoir passé plusieurs heures à fouiller dans la FAQ de Google destinée aux développeurs, vous pouvez collecter des informations pour créer au moins des scripts fonctionnels pour envoyer des notifications Push à vos lecteurs.

Comment faire de telles notifications Push pour votre site Web ? Il existe deux manières : utiliser des services tiers (ils existent déjà et certains d'entre eux sont très bons) ou créer votre propre solution. Puisque je suis partisan d'une utilisation minimale des services tiers sur le site, notre parcours dans la Ville était prédéterminé.

Mais par souci d’équité, il convient de dire quelques mots sur les solutions externes. J'avoue que je n'ai pas vraiment étudié ce marché (la raison est évoquée juste au dessus), mais je ne peux m'empêcher de mentionner le service OneSignal, dont la particularité la plus intéressante est que leurs services sont absolument gratuits - ils gagnent de l'argent en vendre des données sur les visiteurs du site Web du client. Il existe également un service appelé Jeapie, ils ont un marketing très compétent et, en règle générale, de bonnes critiques. Cependant, il convient de noter qu’à un moment donné, Medusa — , la plateforme n’était tout simplement pas prête pour le nombre de notifications push qui devaient être envoyées pour l’énorme public de Medusa.

Mise en œuvre. Obtention des informations d'identification de Google.

Dans les données sources, un site écrit en Rails 3.2.8 et la tâche est de créer un pousseur de notification pour Chrome dessus.

La première étape consiste à transférer le site vers HTTPS (protocole hypertexte sécurisé), c'est-à-dire à créer un certificat SSL pour votre site. Sans cela, les notifications push ne fonctionneront pas (je ne l'ai pas testé avec http classique, mais c'est ce qu'on dit partout). Je n'écrirai pas sur ce qu'est SSL, à quoi il est utilisé, comment mettre un certificat sur un serveur et le connecter - Internet regorge de tels articles. Je ne peux que recommander StartSSL à ces fins. Il s'agit d'une bonne autorité de certification, avec laquelle tous les navigateurs que je connais sont amis, avec une procédure d'enregistrement et de vérification volontairement simple (il suffit de connaître un minimum l'anglais) pour recevoir un certificat SSL d'entrée de gamme absolument gratuit, dans lequel vous pouvez inclure cinq plus (sic !) de sous-domaines.

Nous avons donc reçu le certificat et configuré notre Nginx ou Apache en conséquence. Désormais dans la barre d'adresse du navigateur, à côté de l'adresse de notre site, le plus mignon petit cadenas brille en vert, l'inscription https://, et, si l’argent ne vous dérange pas, aussi le nom de l’organisation.