Configurar la bandeja de entrada de mensajes web

Prerrequisitos

Asegúrate de haber implementado el SDK Web de Pushwoosh en tu sitio web. Para hacerlo, sigue nuestra guía.

La Bandeja de Entrada de Mensajes para sitios web te permite almacenar notificaciones push web para que los usuarios puedan volver a verlas más tarde, asegurando que los mensajes importantes sean vistos.

Cómo funciona

Este es un flujo de trabajo típico con InboxMessages:

Paso	Método
Carga de la página
Sincronización de mensajes con el servidor	`InboxMessagesModel.updateMessages` Ejecutado mientras se inicializa el SDK
Eliminación de mensajes obsoletos	`InboxMessagesModel.updateMessages` Ejecutado mientras se inicializa el SDK
Recepción del número de mensajes no leídos para actualizar una insignia	`Pushwoosh.pwinbox.unreadMessagesCount` Ejecutado manualmente (después de que se activa el evento `onUpdateInboxMessages`)
Carga de mensajes para mostrar en la Bandeja de Entrada	`Pushwoosh.pwinbox.loadMessages` Ejecutado manualmente (después de que se activa el evento `onUpdateInboxMessages`)
Marcado de mensajes que entran en el viewport como leídos	`Pushwoosh.pwinbox.readMessagesWithCodes` Ejecutado manualmente
Realización de una acción asignada al mensaje abierto	`Pushwoosh.pwinbox.performActionForMessageWithCode` Ejecutado manualmente
Eliminación de mensajes al hacer clic en un icono de eliminar o al deslizar un mensaje hacia la derecha	`Pushwoosh.pwinbox.performActionForMessageWithCode` Ejecutado manualmente

Escuchadores de eventos

// Se ejecuta después de que la Bandeja de Entrada se actualiza automáticamente mientras se carga la página.
Pushwoosh.push(['onUpdateInboxMessages', function(api, pwinbox) {
  pwinbox.loadMessages().then(function(messages) {
    console.log('EVENT: onUpdateInboxMessages', messages);
  });
}]);

// Ejecutado por el ServiceWorker después de que se recibe el Mensaje de la Bandeja de Entrada y se guarda en indexedDB.
Pushwoosh.push(['onPutNewMessageToInboxStore', function(api, message) {
  console.log('EVENT: onPutNewMessageToInboxStore', message);
}]);

Módulo público

El módulo WebSDK InboxMessagesPublic presenta una interfaz pública para implementar la Bandeja de Entrada Web.

type TInboxMessageTypePlain = 0;
type TInboxMessageTypeRichmedia = 1;
type TInboxMessageTypeURL = 2;
type TInboxMessageTypeDeeplink = 3;
type TInboxMessageType = TInboxMessageTypePlain  // depende de action_params
  | TInboxMessageTypeRichmedia
  | TInboxMessageTypeURL
  | TInboxMessageTypeDeeplink;


interface IInboxMessagePublic {
  code: string;  // id_bandeja_de_entrada
  title: string;  // título
  message: string; // cuerpo
  imageUrl: string;  // imagen
  sendDate: string;  // fecha_de_envío
  type: TInboxMessageType;  // depende de action_params
  isRead: boolean;  // verdadero si el estado es "leído" o "abierto"
  link: string; // Enlace profundo | URL | "/"
  isActionPerformed: boolean;  // verdadero si el estado es "abierto"
}

Métodos públicos

Consulta las descripciones de los métodos públicos en la guía del SDK de Web Push 3.0.