Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

La API Push otorga a las aplicaciones web la habilidad de recibir mensajes enviados a ellas desde un servidor, sin importar si la aplicación está o no en primer plano o cargada. Esto permite a los desarrolladores enviar notificaciones asíncronas y actualizaciones para los usuarios que las aceptan.

Nota: Esta documentación cubre la especificación del API Push de W3C; si estás buscando la documentación para el mecanismo push propio de Firefox OS, ve Simple Push.

Push conceptos y uso

Para que una aplicación recibá mensajes push, esta debe tener un service worker. Cuando el service worker esta activo, se puede suscribir usando PushManager.subscribe().

El resultado de PushSubscription incluye toda la información que la aplicación necesita para enviar un mensaje push: un endpoint y la llave de cifrado necesaria para enviar los datos.

El service worker se iniciará cuando sea necesario manejar mensajes push entrantes, que se entregan al manejador de eventos. Esto permite a las aplicaciones reaccionar a los mensajes push recibidos, por ejemplo para mostrar una notiificación suando ServiceWorkerRegistration.showNotification().

Cada suscripción es unica para un service worker. El endpoint para la subscripción es una unica capability URL: el conocimiento del endpoint es todo lo se necesita para enviar un mensaje a yu aplicación. La URL del endpoint  por lo tanto necesita ser mantenida secreta, o otras aplicaciones podrian ser capases de enviar mensajes push a tu aplicación.

Activar un Service-Worker para entregar un push-message puede resultar en el incremento de uso de recursos, especialmente de la bateria. Los diferentes navegadores disponen de diferentes esquemas para manejar esto - en la actualidad no existe un mecaniscmo estandar para ello. Firefox permite un numero limitado (det. cuota) de push-messages para enviar a una aplicación.  A pesar de que los Push-messages que generan una notificación estan exentos de este limite. Este limite se actualiza cada vez que se visita el sitio web. En comparación, Chrome no aplica limites, pero requiere que todo Push-message muestre una notificación.

Note:  Desde Gecko 44, la cuota permitida de Push-messages por aplicación no se ve incrementada cada vez que se emite una nueva notificación, cuando otra sigue visible, durante el periodo de 3 segundos. Esto ayuda al manejo de casos en los que se reciben rafagas de notificaciones y no todas ellas emiten una notificación visible. 

Nota: en Chrome las versiones anteriores a la 52, requieren la cnfiguración de un proyecto en Google Cloud Messaging para el envío de Push-Messages, así como el uso del numero de proyecto y la API key asociadas para el envío de notificaciones push. Tambien se requiere el detalle de algunos parametros especiales en el app manifest para el uso de este servicio.

Interfaces

PushEvent
Represena una acción push enviada al alcance global (global scope) de un ServiceWorker. Contiene información enviada desde una aplicación a PushSubscription.
PushManager
Provides a way to receive notifications from third-party servers as well as request URLs for push notifications. This interface has replaced functionality offered by the obsolete PushRegistrationManager interface.
PushMessageData
Provee acceso a los datos push enviados por el servidor e incluye metodos para manipular los datos recibidos.
PushSubscription
Provee el URL endpoint para una suscripción y permite la desuscripción de un servicio push.

Service worker: Adiciones

Las siguientes adiciones al Service Worker API han sido especificadas en la Push API, para proveer un punto de entrada al uso de Push messages. Tambien monitorizan y responden a los cambios en los eventos Push y Subscription.

ServiceWorkerRegistration.pushManager Read only
Devuelve una referencia a la interfaz PushManager para el manejo de las suscripciones incluyendo: la suscripción, obteniendo una suscripción activa y accediendo al estado de permiso de push. Este es el punto de inicio para el uso de Push messaging.
ServiceWorkerGlobalScope.onpush
Manipulador de eventos activado, cada vez que ocurre un evento push; Eto es, cada vez que se recibe un push-message del servidor.
ServiceWorkerGlobalScope.onpushsubscriptionchange
Manipulador de eventos activado, cada vez que ocurre un evento pushsubscriptionchange; Por ejemplo, cuando una suscripción ha sido invalidada o esta apunto de serlo. (P.ej. cuando un push service determina un tiempo de expiración.)

Ejemplos

Mozilla's ServiceWorker Cookbook contiene varios ejemplos Push muy utiles

Specifications

Specification Status Comment
Push API Working Draft Initial definition

Browser Compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 42.0 44.0 (44.0)[1] ?[2] ? ?
PushEvent.data,
PushMessageData
Sin soporte 44.0 (44.0) Sin soporte Sin soporte Sin soporte
Feature Android Android Webview Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support Sin soporte Sin soporte Sin soporte Sin soporte ?[2] ? ? 42.0
PushEvent.data,
PushMessageData
Sin soporte Sin soporte Sin soporte Sin soporte Sin soporte Sin soporte Sin soporte Sin soporte

[1] Currently available only on desktop versions of Firefox; also, push messages are only delivered when Firefox is running.

[2]: Microsoft Edge status: Under Consideration; Roadmap Priority: Low

See also

Etiquetas y colaboradores del documento

 Colaboradores en esta página: Erto, FMRonin, YulianD, mautematico
 Última actualización por: Erto,