Lacy Leadership

Success is Near

Notificación Push Web Usando OneSignal y PHP – Phpflow.com

Este tutorial ayuda a crear Notificaciones Push con PHP a través de Onesignal. Estoy usando PHP 8, MySQL y una API Rest de señal. OneSignal es el servicio más rápido y confiable para enviar notificaciones push, mensajes en la aplicación, SMS y correos electrónicos. Qué es la notificación Push Las aplicaciones web utilizan la notificación […]

Este tutorial ayuda a crear Notificaciones Push con PHP a través de Onesignal. Estoy usando PHP 8, MySQL y una API Rest de señal. OneSignal es el servicio más rápido y confiable para enviar notificaciones push, mensajes en la aplicación, SMS y correos electrónicos.

Qué es la notificación Push

Las aplicaciones web utilizan la notificación Push como método principal de comunicación con sus usuarios. Recibimos una alerta de consentimiento de notificación cuando visitamos cualquier sitio web, con la opción de aprobar o rechazar notificaciones. Los sitios web desarrollan estas alertas para obtener permiso para mostrar notificaciones con las actualizaciones, noticias y otra información más recientes. Si damos el aviso para mostrar permisos, el administrador del sitio web enviará las notificaciones a los usuarios del sitio web.

Descripción general del canal OneSignal

  • Notificación Push Web
  • Notificación Push móvil
  • Notificación Push por correo electrónico
  • Notificación en la aplicación
  • SMS
  • API REST

Estoy usando el canal push web para este tutorial.

Funciones de Cuenta OneSignal gratuitas

  • Push móvil ilimitado
  • Push Web de hasta 10K Suscriptores
  • No se requiere tarjeta de crédito
  • Segmentación ilimitada
  • Programación de entregas
  • Emojis e Imágenes
  • Localización
  • Pruebas A/B
  • Análisis en tiempo real

Cómo implementar Notificaciones Push Web

En este artículo, le mostraré cómo crear un sistema de notificaciones simple utilizando PHP.

Asumo que ha configurado su sitio web en el panel de control onesignal, si no, configure el sitio web utilizando Documentación Oficial.

Hay la siguiente opción disponible para notificaciones push web:

configuración web-onesignal

Paso 1: Descargue el SDK de JavaScript

Descarguemos los archivos del SDK de OneSignal.También puede descargar los archivos aquí.

Cargue el SDK

Descomprima los archivos del SDK OneSignal. Debería haber dos archivos:

  • Un trabajador designado.js
  • OneSignalSDKUpdaterWorker.js

Los archivos del SDK OneSignal deben ser de acceso público y pueden colocarse en la raíz de nivel superior de su sitio. Necesita cargar SDK en la raíz de sus archivos web.

Opción 1: Código de configuración Utilizando la Opción típica del sitio

Deberá pegar el código proporcionado en el archivo head index.php de su sitio web o en el archivo de entrada de su proyecto.


Opción 2: Código de configuración Mediante Código personalizado

Este código debe colocarse en la sección principal de todas las páginas de su sitio donde los usuarios pueden suscribirse.

Debido a que eligió Código personalizado, deberá agregar más código a esta parte para solicitar a los clientes que se suscriban, así como cualquier otra lógica que desee utilizar.


OneSignle onChange Event

También podemos determinar si un usuario se ha suscrito a notificaciones utilizando el controlador de eventos js


Cómo Comprobar la notificación push Web

Visite su sitio web y, dependiendo de la configuración de solicitud que haya especificado, se le debe solicitar que se suscriba a las notificaciones push.

Puede consultar su panel de control OneSignal a través de Audience > Todos los usuarios. Puede ver todo el registro del dispositivo.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.