Implementando Google Cloud Messaging GCM em PHP e JavaScript

O que é?

Google Cloud Messaging (GCM) é um serviço que permite que você envie dados de seu servidor para um dispositivo Android ou agora para o navegador. O serviço GCM lida com todos os aspectos de enfileiramento de mensagens e entrega para o destino de aplicativo Android em execução no dispositivo de destino, e é totalmente gratuito.

Novidades

A partir do Chrome 42, usuários podem optar por receber notificações push diretamente a partir de sites e facilmente adicionar sites de alta qualidade regularmente visitados para sua tela inicial.

Notificações de Push

São notificações personalizadas que poupam os usuários do esforço de verificar manualmente por atualizações ao longo do dia e permitem uma série de novas experiências de comunicação em tempo real para receber atualizações sobre as últimas notícias.

Para saber mais sobre o Google Cloud Messaging clique aqui

Registrar um Service Worker

Há uma dependência de ter um trabalhador de serviço para implementar mensagens de envio para a web. A razão para isso é que, quando uma mensagem automática é recebida, o navegador pode iniciar um trabalhador de serviço, que é executado em segundo plano, sem uma página a ser aberta, e enviar um evento para que você possa decidir como lidar com essa mensagem de envio.

Abaixo está um exemplo de como você registrar um trabalhador de serviço em seu aplicativo da web. Quando o registro foi concluída com êxito chamamos initialiseState(), que nós vamos cobrir em breve.

var isPushEnabled = false;

window.addEventListener('load', function() {  
  var pushButton = document.querySelector('.js-push-button');  
  pushButton.addEventListener('click', function() {  
    if (isPushEnabled) {  
      unsubscribe();  
    } else {  
      subscribe();  
    }  
  });

  // Check that service workers are supported, if so, progressively  
  // enhance and add push messaging support, otherwise continue without it.  
  if ('serviceWorker' in navigator) {  
    navigator.serviceWorker.register('/service-worker.js')  
    .then(initialiseState);  
  } else {  
    console.warn('Service workers aren\'t supported in this browser.');  
  }  
});

O manipulador de clique de botão subscreve ou unsubscribes ao usuário enviar mensagens. isPushEnabled é uma variável global que simplesmente controla se empurrar mensagens é atualmente inscrito ou não. Estes serão referenciados ao longo dos trechos de código.

O tutorial está em desenvolvimento e em breve mais detalhes aqui.