Как использовать pubnub timetoken для обработки обновлений страницы

Question

Когда pubnub подключен, пользователи внутри моего приложения получают сообщения без проблем. Однако предположим, что они обновляют страницу или переходят на другую страницу в приложении. В течение 2 -> 5 секунд простоя перед тем, как пользователь сможет снова подключиться к pubnub. В течение этого времени некоторые сообщения pubnub могут быть пропущены.

К счастью, pubnub subscribe API позволяет указать timetoken, чтобы указать на прошедшее время (например, 10 секунд назад).

pubnub.subscribe({ 
    channels: ['my_channel'], 
    timetoken: '13534398158620385' 
}); 

Описание:

Указывает timetoken, с которой начинается возвращение любых доступных кэшированных сообщений.

Вопрос: Что самый безопасный способ определить это timetoken таким образом, что несколько сообщений пропущено?

Answer 1

Для начала прослушайте beforeunload события на окне. Они будут запущены до того, как страница будет удалена. Внутри этого создать печенье, чтобы сохранить текущий timetoken:

window.addEventListener('beforeunload',() => { 
    const now = new Date().getTime(); 
    // pubnub timetokens are 17 digits long 
    const timetoken = `${now}0000`; 

    createCookie(PUBNUB_TIMETOKEN_COOKIE, timetoken, EXPIRATION); 
}); 

Примечание: PUBNUB_TIMETOKEN_COOKIE и EXPIRATION константы вашего выбора. Я установил, что мой файл cookie истекает через 10 секунд, чтобы предотвратить столкновения. Также вам необходимо определить функцию createCookie, аналогичную this one.

Далее, при подписке на pubnub на странице загрузки, используйте этот куки, если он существует:

pubnub.subscribe({ 
    channels: ['my_channel'], 
    timetoken: getCookie(PUBNUB_TIMETOKEN_COOKIE) 
}); 

Таким образом, если пользователь обновляет или переходит на другую страницу, пропущенные сообщения должны быть пойманы.