Настройка папки входящих сообщений для веба
Предварительные требования
Anchor link toУбедитесь, что вы установили Pushwoosh Web SDK на свой сайт. Для этого следуйте нашему руководству.
Папка входящих сообщений для сайтов позволяет хранить веб-пуш-уведомления, чтобы пользователи могли просмотреть их позже, гарантируя, что важные сообщения будут увидены.
Как это работает
Anchor link toВот типичный рабочий процесс с InboxMessages:
Шаг | Метод |
---|---|
Загрузка страницы | |
Синхронизация сообщений с сервером |
|
Удаление устаревших сообщений |
|
Получение количества непрочитанных сообщений для обновления значка |
|
Загрузка сообщений для отображения в папке входящих |
|
Пометка сообщений, попавших в область просмотра, как прочитанных |
|
Выполнение действия, назначенного открытому сообщению |
|
Удаление сообщений по клику на иконку удаления или свайпу вправо |
|
Слушатели событий
Anchor link to// Выполняется после автоматического обновления папки входящих сообщений во время загрузки страницы.Pushwoosh.push(['onUpdateInboxMessages', function(api, pwinbox) { pwinbox.loadMessages().then(function(messages) { console.log('EVENT: onUpdateInboxMessages', messages); });}]);
// Выполняется ServiceWorker'ом после получения входящего сообщения и его сохранения в indexedDB.Pushwoosh.push(['onPutNewMessageToInboxStore', function(api, message) { console.log('EVENT: onPutNewMessageToInboxStore', message);}]);
Публичный модуль
Anchor link toПубличный модуль WebSDK InboxMessagesPublic представляет собой публичный интерфейс для реализации веб-папки входящих сообщений.
type TInboxMessageTypePlain = 0;type TInboxMessageTypeRichmedia = 1;type TInboxMessageTypeURL = 2;type TInboxMessageTypeDeeplink = 3;type TInboxMessageType = TInboxMessageTypePlain // зависит от action_params | TInboxMessageTypeRichmedia | TInboxMessageTypeURL | TInboxMessageTypeDeeplink;
interface IInboxMessagePublic { code: string; // inbox_id title: string; // title message: string; // body imageUrl: string; // image sendDate: string; // send_date type: TInboxMessageType; // зависит от action_params isRead: boolean; // true, если статус "read" или "open" link: string; // Deeplink | URL | "/" isActionPerformed: boolean; // true, если статус "open"}
Публичные методы
Anchor link toОзнакомьтесь с описаниями публичных методов в руководстве по Web Push SDK 3.0.