Portada » JavaScript » Notificaciones Web Push en PHP

Notificaciones Web Push en PHP

Notificaciones Web Push en PHP. Las notificaciones web push son una herramienta prometedora para aumentar el tráfico y las conversiones. Ya hemos visto cómo enviar notificaciones web push usando JavaScript.

En este articulo son para personas que buscan enviar notificaciones web push con datos dinámicos usando PHP.

Notificaciones Web Push en PHP

  • El script obtiene el contenido de la notificación de PHP. Por lo tanto, el contenido de la notificación codificada se puede reemplazar con cualquier fuente de datos de una base de datos o un archivo.
  • Si desea y está buscando una solución completamente PHP para enviar notificaciones personalizadas, este artículo será útil para empezar.
Notificaciones Web Push en PHP
Notificaciones Web Push en PHP

Datos del script PUSH PHP

Al ejecutar el presente script muestra una notificación push web en el navegador. Las notificaciones se envían cada 10 minutos según lo configurado. Luego, las notificaciones enviadas se cierran automáticamente.

Ademas, el tiempo de visualización de las notificaciones en un navegador está configurado en 5 minutos.

Las instancias de notificación se crean y manejan en el lado del cliente. Por lo tanto, la función setTimeout de JavaScript se utiliza para administrar el temporizador de aparición o desactivación de las notificaciones.

Llamada AJAX a PHP para enviar la notificación push web

  • Este archivo HTML tiene el script para ejecutar el bucle para enviar las notificaciones en un intervalo periódico según lo configurado.
  • Tiene la función pushNotify() que solicita PHP a través de AJAX para enviar notificaciones. PHP devuelve el contenido de la notificación en forma de objeto JSON en el navegador.
  • El controlador de devolución de llamada AJAX lee el JSON y genera la notificación. En este script, la función createNotification() envía la notificación al destino del evento.
  • Asigna la propiedad de clic de notificación de JavaScript para abrir una URL desde la respuesta PHP JSON.

Contenido de index.php

<!DOCTYPE html>
<html>
<head>
<title>Web Push Notificaciones en PHP</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="style.css" type="text/css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
</head>
<body>
<div class="dive-container">
<h1>Notificación web push usando PHP en un navegador</h1>
<p>Este ejemplo muestra una notificación push web de PHP en
navegador automáticamente cada 10 segundos. La notificación
también se cierra automáticamente justo después de 5 segundos.</p>
</div>
<script>
setInterval(function(){pushNotify();}, 10000);

function pushNotify() {
if (!("Notification" in window)) {
alert("El navegador web no admite notificaciones de escritorio");
}
if (Notification.permission !== "granted")
Notification.requestPermission();
else {
$.ajax({
url : "push-notificacion.php",
type: "POST",
success: function(data, textStatus, jqXHR) {
if ($.trim(data)){
var data = jQuery.parseJSON(data);
console.log(data);
notification = createNotification( data.title, data.icon, data.body, data.url);

setTimeout(function() {
notification.close();
}, 5000);
}
},
error: function(jqXHR, textStatus, errorThrown) {}
});
}
};

function createNotification(title, icon, body, url) {
var notification = new Notification(title, {
icon: icon,
body: body,
});
notification.onclick = function() {
window.open(url);
};
return notification;
}

</script>
</body>
</html>

Código PHP para preparar el paquete JSON con contenido dinámico de la notificación

Este código proporciona los datos de notificación desde el lado del servidor. Enganche su aplicación DAO en este PHP para cambiar el contenido si lo desea desde una base de datos.

Contenido push-notificacion.php

<?php
// si hay algo que notificar, devuelva la respuesta con datos para
// notificación push de lo contrario, simplemente salga del código
$webNotificationPayload['title'] = 'Push Notificacion desde PHP';
$webNotificationPayload['body'] = 'Notificación push web de PHP al navegador.';
$webNotificationPayload['icon'] = 'https://baulphp.com/badge.jpg';
$webNotificationPayload['url'] = 'https://baulphp.com';
echo json_encode($webNotificationPayload);
exit();
?>

Conclusiones y recomendaciones acerca de notificaciones PUSH

  • Hemos creado la notificación push web con contenido dinámico de PHP. Sin embargo, existe varios usos al tenerlo en una aplicación.
  • Se puede gestionar con base de datos PUSH con PHP y MySQL
  • El uso es amplio y se puede implementar en proyectos web y/o páginas web como sistema de avisos.

Usos de las notificaciones push

Este tipo de notificaciones push ayuda a aumentar el tráfico del sitio web al enviar contenido relevante a los usuarios suscritos.

Es una forma de enviar mensajes profesionales para crear entradas para atraer ventas al negocio.
Ayuda a difundir la marca y mantenerla en la mente de los clientes que los retienen contigo.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuarlo!

Promedio de puntuación 0 / 5. Recuento de votos: 0

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio
Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.
Privacidad