Enviar notificações push do navegador com o Push.js

Aplicativos móveis nativos sempre tiveram suporte para notificações via push. Mas essas notificações estavam ausentes da web até o momento API de notificações surgiu.

A API de notificações funciona através de JavaScript. Ele permite que você enviar notificações push diretamente ao computador do usuário através de sua janela do navegador. Não é tão difícil de configurar você mesmo, mas por que reinventar a roda?

Push.js é um biblioteca de notificações gratuitas que lida com todos os recursos básicos de notificações push com algumas linhas de JavaScript.

Essas notificações baseadas em navegador ainda são muito novas e têm maneiras de seguir adiante. Os usuários precisam permitir notificações de determinados sites antes de aparecerem, portanto, a menos que seu público já confie em seu website, pode ser difícil convencer as pessoas a aceitar.

Mas a melhor maneira de aprender é tentar ver o que acontece. Você pode enviar links de visitantes para seus posts mais recentes, ou informações sobre novas atualizações para o site ou até mesmo pedidos para se inscrever em seu boletim informativo. E, com o Push.js, é muito simples fazer isso funcionar.

Você pode baixar a biblioteca de npm ou Bower, ou apenas pegue diretamente do GitHub.

De lá você adicione um pouco de JavaScript básico para a sua página para criar a notificação push. Se o usuário aceitar a solicitação do seu site, ele receberá consistentemente todas as novas notificações enviadas. Muito legal!

Você pode definir o cabeçalho da notificação, o conteúdo principal e outros recursos, como o horário de fechamento automático.

Aqui está um snippet de amostra no site do Push.js:

 Push.create ("Hello world!", Body: "Como está pendurado?", Ícone: 'icon.png', tempo limite: 4000, onClick: function () window.focus (); this.close () ;); 

Você não precisa saber muito JavaScript para que esta biblioteca funcione no seu site. Se você acabou de copiar / colar ou trabalhar com a documentação, você deve ter notificações push em menos de 15 minutos.

Nem todo mundo gosta dessas notificações do navegador e essa biblioteca certamente não será útil em todos os sites. Mas, se você estiver disposto a experimentar, é muito fácil configurar e tornar as notificações push muito mais fáceis.