Push in HTML5 with PHP

Asked

Viewed 1,135 times

1

I’m finalizing a system, but I’d like to include push notifications to warn users about a particular event. I searched the web, but I did not find anything satisfactory. I believe that I have not searched in the right way because I do not know very well this practice. What I want to do is when you arrive one day before the event, which is stored in a database, a notification ( push ) appears on the user’s screen. This notification would come from the database with PHP. Regarding PHP and Database I know how to do.

Unfortunately I have no code related to Push, the only thing I know is that with HTML 5 can do.

The idea would be this. I believe it serves both for Desktop and mobile:

inserir a descrição da imagem aqui

In the post here on the website, 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>

Only integrate with PHP.

  • If it’s about programming, then of course it’s part of the scope! But it would be really interesting some code, or an example of something that I would like, even if it were image

  • Right Marcelo. I put an image of what I want to do. I believe that HTML 5 notifications work for both desktop and mobile.

  • Of course it does not answer the question, but you may have some idea here: https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_sse

  • Right. I’ll take a look. I found this post here too. Push worked, but I still have to see how I integrate PHP into the code. See: https://answall.com/questions/203941/enviar- notifies%C3%A7%C3%B5es-php/203943#203943

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.