Notificaciones Push Web: oportunas, relevantes y precisas

by Joseph Medley
Technical Writer

si le preguntas a una sala de desarrolladores qué características de dispositivos móviles faltan en la web, las notificaciones push siempre están en lo alto de la lista.

Las notificaciones push Web permiten a los usuarios optar por las actualizaciones oportunas de sitesthey love y le permiten volver a interactuar con ellos de manera efectiva con contenido personalizado y relevante.,

la API Push y la API de notificación abren un nuevo conjunto de posibilidades para que puedas volver a interactuar con tus usuarios.

¿participan los trabajadores de servicios?

Sí. Push se basa en los trabajadores de servicios porque los trabajadores de servicios operan en el background. Esto significa que la única vez que se ejecuta el código para una notificación push (en otras palabras, la única vez que se usa la batería) es cuando el usuario interactúa con una notificación haciendo clic en ella o cerrándola. Si no estás familiarizado con ellos, echa un vistazo a la introducción del trabajador de servicio., Usaremos el código del trabajador del servicio en secciones posteriores cuando le mostremos cómo implementar notificaciones push y notificaciones.

dos tecnologías

Push y notification utilizan API diferentes, pero complementarias:push se activa cuando un servidor suministra información a un trabajador de servicio; aNotification es la acción de un trabajador de servicio o script de página web que muestra información a un usuario.

un poco de notificación anatomía

en la siguiente sección vamos a lanzar un montón de fotos en usted, pero nos prometimos código. Así que, aquí está., Con un registro de trabajador de servicio, llama ashowNotification en un objeto de registro.

serviceWorkerRegistration.showNotification(title, options);

El title argumento aparece como encabezado en la notificación. El argumento optionses un literal de objeto que establece las otras propiedades de una notificación.Un objeto de opciones típico se ve algo como esto:

Este código produce una notificación como la de la imagen. Por lo general, proporciona las mismas capacidades que una aplicación nativa., Antes de profundizar en las especificidades de la implementación de esas capacidades, le mostraré cómo usar esas capacidades de manera efectiva. Pasaremos a describir la mecánica de la implementación de notificaciones push, incluyendo el manejo de permisos y suscripciones, el envío de mensajes y la respuesta a ellos.

¿Cómo puedo probarlo?

hay varias maneras de jugar con las características antes de comprender completamente cómo funcionan, o tener que implementarlas. Primero, echa un vistazo a nuestra propia muestra.También están disponibles el generador de notificación de Peter Beverloo y la demostración de carga Push de Mozilla.,

Feedback

¿fue útil esta página?
¿Cuál fue la mejor cosa acerca de esta página?
me ayudó a completar mi objetivo(s)
Gracias por los comentarios. Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.

tenía la información que necesitaba
Gracias por los comentarios. Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.

tenía información precisa
Gracias por los comentarios., Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.

era fácil de leer
Gracias por los comentarios. Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.

Algo
Gracias por los comentarios. Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.

No
¿Qué fue lo peor de esta página?
no me ayudó a completar mi(s) Objetivo (s)
Gracias por los comentarios., Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.

fue la falta de información que yo necesitaba
Gracias por los comentarios. Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.

tenía información inexacta
Gracias por los comentarios. Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.

era difícil de leer
Gracias por los comentarios. Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.,

Algo
Gracias por los comentarios. Si tiene ideas específicas sobre cómo mejorar esta página, cree un problema.

Deja una respuesta

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

Ir a la barra de herramientas