Офлайн-режим

Без интернета кабинет продолжает показывать данные и принимать действия. Всё сделанное офлайн встаёт в очередь и уходит на сервер, как только связь вернётся.

Три механизма: кеш данных на устройстве, очередь действий и оптимистичные ответы интерфейса.

#Из чего состоит

#Кеш данных

Загруженные данные сохраняются на устройстве: список диалогов и контактов, последние сообщения, настройки каналов, задачи, записи календаря и другое.

Данные в IndexedDB переживают закрытие вкладки и перезагрузку компьютера.

#При открытии приложения

1. Приложение проверяет, есть ли сохранённые данные.
2. Если есть, показывает их сразу, не дожидаясь сервера.
3. В фоне запрашивает свежие данные.
4. Обновляет экран, если что-то изменилось.

Поэтому кабинет открывается быстро даже на медленном интернете.

#Очередь действий

Действие без интернета (сменить статус задачи, отправить сообщение) не теряется: оно сохраняется в очередь и ждёт сети.

Вы нажали «Выполнить задачу» (без интернета)
                │
                ▼
  Приложение проверяет: есть интернет?
                │
              Нет
                │
                ▼
  Действие   → сохраняется в IndexedDB
  Интерфейс  → обновляется сразу (оптимистичный ответ)
                │
        ... время проходит ...
                │
  Интернет появился
                │
                ▼
  Очередь → отправляет все действия на сервер
  Данные  → обновляются с сервера

Для каждого отложенного действия хранятся:

#Когда сеть вернулась

1. Браузер сообщает приложению о восстановлении сети.
2. Приложение читает очередь из IndexedDB.
3. Действия отправляются на сервер по одному, в порядке очереди.
4. Активные данные обновляются с сервера.
5. Очередь очищается.

#Оптимистичные ответы

Интерфейс показывает результат действия сразу, а запрос уходит на сервер в фоне.

Без них: нажали «Задача выполнена», подождали 0.5–2 секунды, экран обновился. С ними: нажали, экран обновился мгновенно, запрос ушёл в фоне. Если сервер вернул другой результат, экран обновится ещё раз.

Где используются:

• смена статуса задачи;
• добавление и удаление тегов;
• редактирование заметок;
• перемещение задач на канбан-доске;
• другие быстрые действия.

#Как приложение понимает, что сети нет

#Индикатор

Когда интернет пропал, внизу экрана появляется статус-бар «Нет соединения» с кнопкой «Повторить». После восстановления сети бар исчезает через 3 секунды.

Как кешируются файлы интерфейса: Скорость и кеш.