I'm finalizing a system, but would like to include push notifications to warn users of a particular event. I searched the web, but found nothing satisfactory. I believe that I did not search correctly for not knowing this practice very well. What I want to do is to arrive a day before the event, which is stored in a database, a notification appears (push) on the user's screen. This notification would come from the database with PHP. Regarding PHP and Database I know how to do it.
Unfortunately I do not have any code related to Push, the only thing I know is that with HTML 5 you can do it.
The idea would be this. I think it works for both Desktop and mobile:
Inthepost here on the site , I got the code below that is working:
<html>
<head>
<script>
function notificarUsuario77(){
// Caso window.Notification não exista, quer dizer que o browser não possui suporte a web notifications, então cancela a execução
if(!window.Notification){
return false;
}
// Função utilizada para enviar a notificação para o usuário
var notificar = function(){
var tituloMensagem = "Nova Mensagem de Sistema (Automático)!";
var icone = "http://icon-icons.com/icons2/270/PNG/512/messages_29935.png";
var mensagem = "Assunto: Nova resposta: crediario \n\n Vá até mensagens e verifique!";
return new Notification(tituloMensagem,{
icon : icone,
body : mensagem
});
};
// Verifica se existe a permissão para exibir a notificação; caso ainda não exista ("default"), então solicita permissão.
// Existem três estados para a permissão:
// "default" => o usuário ainda não deu nem negou permissão (neste caso deve ser feita a solicitação da permissão)
// "denied" => permissão negada (como o usuário não deu permissão, o web notifications não irá funcionar)
// "granted" => permissão concedida
// A permissão já foi concedida, então pode enviar a notificação
if(Notification.permission==="granted"){
notificar();
}else if(Notification.permission==="default"){
// Solicita a permissão e caso o usuário conceda, envia a notificação
Notification.requestPermission(function(permission){
if(permission=="granted"){
notificar();
}
});
}
};</script>
</head>
<body onload="notificarUsuario77();">
</body>
</html>
Just integrate with PHP.