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 usando 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 tu aplicación. La URL del endpoint por lo tanto necesita ser mantenida secreta, u otras aplicaciones podrían ser capases de enviar mensajes push a tu aplicación.
Activar un Service-Worker para entregar un mensaje push puede resultar en el incremento de uso de recursos, especialmente de la batería. Los diferentes navegadores disponen de diferentes esquemas para manejar esto - en la actualidad no existe un mecanismo estándar para ello. Firefox permite un numero limitado (det. cuota) de mensajes push para enviar a una aplicación, aunque los mensajes push que generan una notificación estan exentos de este límite. Este límite se actualiza cada vez que se visita el sitio web. En comparación, Chrome no aplica límites, pero requiere que todo mensaje push 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 aPushSubscription. 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
PushRegistrationManagerinterface. 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.pushManagerRead only- Devuelve una referencia a la interfaz
PushManagerpara 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
- ¿Cómo usar la API Push?
- Push API Demo, on Github
- Push Notifications on the Open Web, Matt Gaunt
- Service Worker API