El código correspondiente al envío de notificaciones sería algo similar al siguiente:
<html>
<head>
<script>
//simple function to create a notification
function notificar(title, body) {
new Notification(title, {
body: body,
icon: '/img/favicon.png'
});
};
switch(Notification.permission) {
//El usuario no acepta las notificaciones
case "denied":
window.alert('Permiso denegado. Por favor cambia la configuración del navegador para permitir a esta página recibir notificaciones');
//el usuario ha aceptado las notificaciones
case "granted":
notificar('Permitir notificación', 'Has dado permiso para recibir notificaciones');
break;
//En cualquier otro caso
default:
Notification.requestPermission((status) => {
if (status === "granted") notificar('Permitir notificación', 'Gracias por permitir recibir notificaciones');
});
}
</script>
</head>
<body>
<p>Ejemplo de notificación</p>
<script>notificar("titulo","cuerpo del mensaje");</script>
</body>
</html>
- Has dado permiso para recibir notificaciones
- Cuerpo del mensaje
Este es un ejemplo sencillo de su implementación, si bien existen distintas librerías javascript.
No hay comentarios:
Publicar un comentario
Déjanos tu comentario