Notificaciones de Escritorio (Desktop) Javascript Push.js
Para simplificar las cosas, en lugar de trabajar con la API de notificaciones nativa, usaremos la biblioteca de código abierto Push.js , que agrega una envoltura delgada alrededor de la API nativa que facilita mucho el trabajo con las notificaciones.
A continuación tenemos el fragmento de código para su funcionamiento.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="https://pushjs.org/scripts/push.min.js"></script>
</head>
<body>
<div id="navbar"><span>Push.js Tutorial</span></div>
<div id="wrapper">
<button id="notify-button">Notify Me!!</button>
<button id="clear-button">Clear All!</button>
</div>
<script>
$("#notify-button").click(
function(){
Push.create("AXUSPERU - NOTIFICACIÓN",{
body: "Nuevo Pedido", //Cuerpo de la Notificación
icon: "https://axusperu.com/img/avatardemo.jpg", //Icono Notificación
requireInteraction: true, //No cerrar hasta PRESIONAR CERRAR
onClick: function () {
window.focus();
this.close();
}
});
});
$("#clear-button").click(function(){
Push.clear(); //Limpiar Notificaciones
});
</script>
</body>
</html>
